#337DA2｜カラーサイト.com

#337DA2 の色情報

#337DA2

画像
HEX	#337DA2
RGB	R:51 G:125 B:162
RGBの割合	R:20.0% G:49.0% B:63.5%
HSV	H:200.0 S:68.5 V:63.5
HSL	H:200.0 S:52.1 L:41.8
CMY	C:80.0 M:51.0 Y:36.5

CMYK	C:68.5 M:22.8 Y:0.0 K:36.5
YCbCr	Y:108.0 Cb:155.2 Cr:92.9
XYZ	X:15.2 Y:18.0 Z:36.9
xyY	x:0.217 y:0.257 Y:18.0

CIE Lab	L:49.5 a:-10.7 b*:-26.5
CIE LCh	L:49.5 C:28.6 h:248.0
CIE Luv	L:49.5 u:-28.3 v*:-38.0
Hunter Lab	L:42.4 a:-10.1 b:-21.8

#337DA2 の色相別色一覧

#A23C33

#A25833

#A27433

#A29033

#99A233

#7DA233

#61A233

#46A233

#33A23C

#33A258

#33A274

#33A290

#3399A2

#337DA2

#3361A2

#3346A2

#3C33A2

#5833A2

#7433A2

#9033A2

#A23399

#A2337D

#A23361

#A23346

#337DA2 の彩度別色一覧

#9CA0A2

#949DA2

#8C9BA2

#8498A2

#7C95A2

#7493A2

#6C90A2

#648DA2

#5C8BA2

#5388A2

#4B85A2

#4382A2

#3B80A2

#337DA2

#2B7AA2

#2378A2

#1B75A2

#1372A2

#0B70A2

#026DA2

#337DA2 の明度別色一覧

#030709

#071116

#0B1B23

#0F242F

#132E3C

#173849

#1B4256

#1F4C62

#23566F

#275F7C

#2B6989

#2F7395

#337DA2

#3787AF

#3B91BC

#3F9BC8

#43A4D5

#47AEE2

#4BB8EF

#4FC2FB

#337DA2 を使ったトーンオントーン

#33607A

#60DEFA

#5AA1C7

#337DA2

#1C4654

#144752

#6DCBE6

#337DA2

#49B0C9

#366680

#337DA2

#22546B

#4BD4F0

#0F3957

#3CB3D1

#337DA2 を使ったトーンイントーン

#41AA4A

#337DA2

#AA304D

#988128

#72329A

#337DA2

#4E228B

#AA4169

#3E953F

#AA8D45

#98AC47

#76379F

#269A4B

#B43A45

#337DA2

#337DA2 を使ったカマイユ

#3B80A7

#2C7590

#42879F

#337DA2

#317E9F

#337DA2

#266B8B

#3685B6

#2B80A7

#246E8E

#3C8EB4

#337DA2

#28638B

#276E89

#4E9EBC

#337DA2 を使ったフォカマイユ

#337DA2

#46B9C6

#23697E

#174586

#53A3BC

#216BB4

#2C92B4

#1C6C8B

#2B81AF

#337DA2

#1F508B

#337DA2

#267086

#3E778E

#3A7086

#337DA2 を使ったドミナントカラー

#2B9DD6

#3E4142

#6D767A

#337DA2

#C0C8CC

#337DA2

#47565E

#55BBED

#35434A

#1D5673

#B0C9D6

#22343D

#337DA2

#3E5059

#3B97C4

#337DA2 を使ったアイデンティティ

#99C8E0

#337DA2

#014D73

#547180

#188DC7

#337DA2

#7CBAD9

#0A557A

#337DA2

#337DA2 を使ったトライアド

#337DA2

#A2337D

#7DA233

#337DA2 を使ったスプリットコンプリメンタリー

#A27D33

#337DA2

#A23333

#337DA2 を使ったテトラード

#337DA2

#9033A2

#A25833

#46A233

#337DA2 を使ったコントラスト

#337DA2

#A25833

#337DA2

#8498A2

#337DA2

#50C5FF

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

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

#337DA2

#337DA2 の色情報

#337DA2 の色相別色一覧

#337DA2 の彩度別色一覧

#337DA2 の明度別色一覧

#337DA2 を使ったトーンオントーン

#337DA2 を使ったトーンイントーン

#337DA2 を使ったカマイユ

#337DA2 を使ったフォカマイユ

#337DA2 を使ったドミナントカラー

#337DA2 を使ったアイデンティティ

#337DA2 を使ったトライアド

#337DA2 を使ったスプリットコンプリメンタリー

#337DA2 を使ったテトラード

#337DA2 を使ったコントラスト