#336EB2｜カラーサイト.com

#336EB2 の色情報

#336EB2

画像
HEX	#336EB2
RGB	R:51 G:110 B:178
RGBの割合	R:20.0% G:43.1% B:69.8%
HSV	H:212.1 S:71.3 V:69.8
HSL	H:212.1 S:55.5 L:44.9
CMY	C:80.0 M:56.9 Y:30.2

CMYK	C:71.3 M:38.2 Y:0.0 K:30.2
YCbCr	Y:102.0 Cb:166.6 Cr:97.3
XYZ	X:15.0 Y:15.1 Z:44.2
xyY	x:0.202 y:0.203 Y:15.1

CIE Lab	L:45.7 a:4.0 b*:-41.7
CIE LCh	L:45.7 C:41.9 h:275.5
CIE Luv	L:45.7 u:-22.4 v*:-62.7
Hunter Lab	L:38.8 a:0.9 b:-40.4

#336EB2 の色相別色一覧

#B23833

#B25733

#B27733

#B29733

#AEB233

#8EB233

#6EB233

#4EB233

#33B238

#33B257

#33B277

#33B297

#33AEB2

#338EB2

#336EB2

#334EB2

#3833B2

#5733B2

#7733B2

#9733B2

#B233AE

#B2338E

#B2336E

#B2334E

#336EB2 の彩度別色一覧

#B0B1B2

#A7ACB2

#9EA7B2

#95A2B2

#8C9EB2

#8399B2

#7A94B2

#718FB2

#688BB2

#6086B2

#5781B2

#4E7CB2

#4578B2

#3C73B2

#336EB2

#2A69B2

#2164B2

#1860B2

#0F5BB2

#0756B2

#336EB2 の明度別色一覧

#04080C

#070F19

#0B1726

#0E1F33

#12273F

#162F4C

#193759

#1D3F66

#214772

#244E7F

#28568C

#2C5E99

#2F66A5

#336EB2

#3776BF

#3A7ECC

#3E86D8

#428EE5

#4595F2

#499DFF

#336EB2 を使ったトーンオントーン

#336EB2

#24497A

#67BBF7

#3E7DD1

#0D234D

#0F3778

#3B67CF

#3699E6

#336EB2

#062845

#152B5C

#649DCF

#264E6E

#336EB2

#558BF0

#336EB2 を使ったトーンイントーン

#92A83E

#42AA6E

#763B99

#AD242F

#336EB2

#A53E5D

#863DAF

#336EB2

#C9C346

#37A85B

#44AF76

#C15F4B

#336EB2

#9BC141

#BD4CC9

#336EB2 を使ったカマイユ

#336EB2

#2F5C99

#2D68BC

#2772B5

#2166A8

#3B6599

#386BB7

#2361BA

#336EB2

#4E81C9

#245A9E

#336EB2

#4D7DCC

#3868A8

#3A81BF

#336EB2 を使ったフォカマイユ

#3C538C

#1D48C9

#336EB2

#245391

#173591

#1745A0

#3E58A8

#22408C

#336EB2

#59A6D1

#1D96D3

#2E80C4

#5690D8

#336EB2

#3C6DBC

#336EB2 を使ったドミナントカラー

#336EB2

#6F7C8C

#4986CC

#3C444D

#76B1F5

#284B73

#0D6DDB

#1C71D4

#354557

#336EB2

#8AB7EB

#567CA8

#1674E0

#1B5DA8

#336EB2

#336EB2 を使ったアイデンティティ

#113661

#336EB2

#94C0F2

#6797CF

#053163

#336EB2

#0C78F5

#536F8F

#336EB2

#336EB2 を使ったトライアド

#336EB2

#B2336E

#6EB233

#336EB2 を使ったスプリットコンプリメンタリー

#B2A133

#336EB2

#B24D33

#336EB2 を使ったテトラード

#336EB2

#B233AE

#B27733

#33B237

#336EB2 を使ったコントラスト

#336EB2

#B27733

#336EB2

#8C9EB2

#336EB2

#499EFF

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

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

#336EB2

#336EB2 の色情報

#336EB2 の色相別色一覧

#336EB2 の彩度別色一覧

#336EB2 の明度別色一覧

#336EB2 を使ったトーンオントーン

#336EB2 を使ったトーンイントーン

#336EB2 を使ったカマイユ

#336EB2 を使ったフォカマイユ

#336EB2 を使ったドミナントカラー

#336EB2 を使ったアイデンティティ

#336EB2 を使ったトライアド

#336EB2 を使ったスプリットコンプリメンタリー

#336EB2 を使ったテトラード

#336EB2 を使ったコントラスト