#0CA5E9｜カラーサイト.com

#0CA5E9 の色情報

#0CA5E9

画像
HEX	#0CA5E9
RGB	R:12 G:165 B:233
RGBの割合	R:4.7% G:64.7% B:91.4%
HSV	H:198.5 S:94.8 V:91.4
HSL	H:198.5 S:90.2 L:48.0
CMY	C:95.3 M:35.3 Y:8.6

CMYK	C:94.8 M:29.2 Y:0.0 K:8.6
YCbCr	Y:125.1 Cb:180.5 Cr:56.0
XYZ	X:28.3 Y:32.9 Z:81.9
xyY	x:0.198 y:0.230 Y:32.9

CIE Lab	L:64.1 a:-11.1 b*:-43.9
CIE LCh	L:64.1 C:45.3 h:255.8
CIE Luv	L:64.1 u:-41.9 v*:-68.9
Hunter Lab	L:57.3 a:-12.2 b:-44.6

#0CA5E9 の色相別色一覧

#E9190C

#E9500C

#E9870C

#E9BF0C

#DCE90C

#A5E90C

#6EE90C

#37E90C

#0CE919

#0CE950

#0CE987

#0CE9BF

#0CDCE9

#0CA5E9

#0C6EE9

#0C37E9

#190CE9

#500CE9

#870CE9

#BF0CE9

#E90CDC

#E90CA5

#E90C6E

#E90C37

#0CA5E9 の彩度別色一覧

#DEE6E9

#D2E2E9

#C6DEE9

#BBDBE9

#AFD7E9

#A3D4E9

#98D0E9

#8CCCE9

#81C9E9

#75C5E9

#69C2E9

#5EBEE9

#52BBE9

#46B7E9

#3BB3E9

#2FB0E9

#23ACE9

#18A9E9

#0CA5E9

#00A1E9

#0CA5E9 の明度別色一覧

#000204

#010C10

#01151D

#021E2A

#032737

#033043

#043950

#05425D

#054B6A

#065476

#075D83

#076690

#086F9D

#0978A9

#0981B6

#0A8AC3

#0B93D0

#0B9CDC

#0CA5E9

#0DAEF6

#0CA5E9 を使ったトーンオントーン

#033C52

#1B839C

#0A5478

#0088C4

#0CA5E9

#0D8EA3

#109AC9

#0CA5E9

#005D7D

#003345

#003E52

#0A5A80

#00658F

#0CA5E9

#2D78B3

#0CA5E9 を使ったトーンイントーン

#D20922

#0CA5E9

#E1DF00

#03FB53

#850EE4

#D7D21A

#9223E4

#0CA5E9

#00EE22

#D0004E

#7200DA

#0CA5E9

#FD1A6F

#EECE0A

#1EE620

#0CA5E9 を使ったカマイユ

#1FC2FF

#00ABE1

#12A5DC

#1990DC

#0CA5E9

#12A6DA

#12AFDC

#0CA5E9

#0097D0

#00A7EC

#0CA5E9

#0090D5

#21C1FD

#1BB6F1

#0087D7

#0CA5E9 を使ったフォカマイユ

#2CACFF

#008AD2

#0CA5E9

#0061C5

#0774E4

#2489FF

#0CA5E9

#008FF1

#24B4FF

#1D82DC

#0CA5E9

#1CAAE4

#2D80E1

#217DDC

#33ECFF

#0CA5E9 を使ったドミナントカラー

#69757A

#0CA5E9

#425F6B

#0377AB

#337D9E

#29434F

#6EAFCC

#66C4ED

#0CA5E9

#2C363B

#3E8DB0

#2F444D

#0CA5E9

#144E69

#1F5E7A

#0CA5E9 を使ったアイデンティティ

#0CA5E9

#3B6375

#3580A1

#6699B0

#0CA5E9

#266D8C

#194D63

#0CA5E9

#638796

#0CA5E9 を使ったトライアド

#0CA5E9

#E90CA5

#A5E90C

#0CA5E9 を使ったスプリットコンプリメンタリー

#E99A0C

#0CA5E9

#E90C12

#0CA5E9 を使ったテトラード

#0CA5E9

#BF0CE9

#E9500C

#37E90C

#0CA5E9 を使ったコントラスト

#0CA5E9

#E9500C

#0CA5E9

#81C9E9

#0CA5E9

#054866

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

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

#0CA5E9

#0CA5E9 の色情報

#0CA5E9 の色相別色一覧

#0CA5E9 の彩度別色一覧

#0CA5E9 の明度別色一覧

#0CA5E9 を使ったトーンオントーン

#0CA5E9 を使ったトーンイントーン

#0CA5E9 を使ったカマイユ

#0CA5E9 を使ったフォカマイユ

#0CA5E9 を使ったドミナントカラー

#0CA5E9 を使ったアイデンティティ

#0CA5E9 を使ったトライアド

#0CA5E9 を使ったスプリットコンプリメンタリー

#0CA5E9 を使ったテトラード

#0CA5E9 を使ったコントラスト