#3C96A2｜カラーサイト.com

#3C96A2 の色情報

#3C96A2

画像
HEX	#3C96A2
RGB	R:60 G:150 B:162
RGBの割合	R:23.5% G:58.8% B:63.5%
HSV	H:187.1 S:63.0 V:63.5
HSL	H:187.1 S:45.9 L:43.5
CMY	C:76.5 M:41.2 Y:36.5

CMYK	C:63.0 M:7.4 Y:0.0 K:36.5
YCbCr	Y:122.9 Cb:146.6 Cr:87.6
XYZ	X:19.3 Y:25.4 Z:38.1
xyY	x:0.233 y:0.307 Y:25.4

CIE Lab	L:57.4 a:-22.7 b*:-14.3
CIE LCh	L:57.4 C:26.8 h:212.1
CIE Luv	L:57.4 u:-35.8 v*:-18.0
Hunter Lab	L:50.4 a:-19.8 b:-9.5

#3C96A2 の色相別色一覧

#A2483C

#A2623C

#A27B3C

#A2953C

#96A23C

#7DA23C

#63A23C

#4AA23C

#3CA248

#3CA262

#3CA27B

#3CA295

#3C96A2

#3C7DA2

#3C63A2

#3C4AA2

#483CA2

#623CA2

#7B3CA2

#953CA2

#A23C96

#A23C7D

#A23C63

#A23C4A

#3C96A2 の彩度別色一覧

#9DA1A2

#95A0A2

#8DA0A2

#859FA2

#7D9EA2

#759DA2

#6D9CA2

#659BA2

#5C9AA2

#5499A2

#4C98A2

#4497A2

#3C96A2

#3495A2

#2C94A2

#2493A2

#1C92A2

#1491A2

#0B90A2

#038FA2

#3C96A2 の明度別色一覧

#030809

#081416

#0D2023

#122C2F

#16383C

#1B4349

#204F56

#245B62

#29676F

#2E737C

#337E89

#378A95

#3C96A2

#41A2AF

#45AEBC

#4AB9C8

#4FC5D5

#54D1E2

#58DDEF

#5DE9FB

#3C96A2 を使ったトーンオントーン

#3C96A2

#2FC3D6

#227575

#38DCE8

#225453

#3C96A2

#274245

#26CBD4

#73DBEB

#227575

#2D4A54

#84E8E3

#3C96A2

#5AB1CC

#407A7A

#3C96A2 を使ったトーンイントーン

#3C96A2

#9A963B

#39893C

#9A4462

#643C9A

#89843D

#3C96A2

#63408B

#AC344C

#389F54

#9F683D

#61B63C

#3C96A2

#5B4290

#B43B84

#3C96A2 を使ったカマイユ

#37B2B6

#408589

#2C8F93

#3D9AAF

#3C96A2

#478A9A

#3C96A2

#44949D

#37A0A7

#3594AA

#47A6BC

#3BA2A7

#339EAF

#3C96A2

#2E8D98

#3C96A2 を使ったフォカマイユ

#2B9086

#3C96A2

#3FB5BE

#2887B6

#4EAEB1

#259195

#2C84AA

#3C96A2

#4DBEC6

#2B82B4

#3D9AB4

#37B6AE

#4CC3B7

#3C96A2

#28809A

#3C96A2 を使ったドミナントカラー

#05D4F0

#1DC7DE

#5D8B91

#3C96A2

#244A4F

#387982

#3C96A2

#04C0D9

#3A838C

#4B9099

#2E393B

#546466

#3C96A2

#3C7A82

#66EDFF

#3C96A2 を使ったアイデンティティ

#2E5459

#3C96A2

#2CC9DE

#3C96A2

#43747A

#19DDF7

#43E4FA

#145159

#3C96A2

#3C96A2 を使ったトライアド

#3C96A2

#A23C96

#96A23C

#3C96A2 を使ったスプリットコンプリメンタリー

#A26A3C

#3C96A2

#A23C52

#3C96A2 を使ったテトラード

#3C96A2

#7B3CA2

#A2483C

#63A23C

#3C96A2 を使ったコントラスト

#3C96A2

#A2483C

#3C96A2

#8DA0A2

#3C96A2

#5EECFF

#3C96A2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#3C96A2の色相や彩度を変えたときの配色なども一覧で表示します。

#3C96A2

#3C96A2 の色情報

#3C96A2 の色相別色一覧

#3C96A2 の彩度別色一覧

#3C96A2 の明度別色一覧

#3C96A2 を使ったトーンオントーン

#3C96A2 を使ったトーンイントーン

#3C96A2 を使ったカマイユ

#3C96A2 を使ったフォカマイユ

#3C96A2 を使ったドミナントカラー

#3C96A2 を使ったアイデンティティ

#3C96A2 を使ったトライアド

#3C96A2 を使ったスプリットコンプリメンタリー

#3C96A2 を使ったテトラード

#3C96A2 を使ったコントラスト