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

#336AB0 の色情報

#336AB0

画像
HEX	#336AB0
RGB	R:51 G:106 B:176
RGBの割合	R:20.0% G:41.6% B:69.0%
HSV	H:213.6 S:71.0 V:69.0
HSL	H:213.6 S:55.1 L:44.5
CMY	C:80.0 M:58.4 Y:31.0

CMYK	C:71.0 M:39.8 Y:0.0 K:31.0
YCbCr	Y:99.8 Cb:166.9 Cr:98.9
XYZ	X:14.4 Y:14.1 Z:43.0
xyY	x:0.201 y:0.198 Y:14.1

CIE Lab	L:44.4 a:5.7 b*:-42.6
CIE LCh	L:44.4 C:43.0 h:277.7
CIE Luv	L:44.4 u:-21.1 v*:-63.8
Hunter Lab	L:37.6 a:2.3 b:-41.5

#336AB0 の色相別色一覧

#B03B33

#B05A33

#B07933

#B09833

#A9B033

#89B033

#6AB033

#4BB033

#33B03B

#33B05A

#33B079

#33B098

#33A9B0

#3389B0

#336AB0

#334BB0

#3B33B0

#5A33B0

#7933B0

#9833B0

#B033A9

#B03389

#B0336A

#B0334B

#336AB0 の彩度別色一覧

#AEAFB0

#A5AAB0

#9DA5B0

#94A0B0

#8B9BB0

#8296B0

#7991B0

#718CB0

#6888B0

#5F83B0

#567EB0

#4D79B0

#4574B0

#3C6FB0

#336AB0

#2A65B0

#2160B0

#195BB0

#1056B0

#0751B0

#336AB0 の明度別色一覧

#03060A

#070E17

#0A1624

#0E1D31

#12253D

#152D4A

#193457

#1D3C64

#214470

#244B7D

#28538A

#2C5B97

#2F62A3

#336AB0

#3772BD

#3A79CA

#3E81D6

#4289E3

#4590F0

#4998FD

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

#436BCC

#336AB0

#122E54

#41A8F0

#224370

#336AB0

#1F2C4F

#5A86CC

#235EFA

#1B437D

#336AB0

#0A1E4A

#5A84D1

#1F3F6B

#1B7AFA

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

#336AB0

#46B876

#B33035

#7637A1

#9AA638

#B2B840

#33AB58

#8743B5

#336AB0

#A3375A

#AB353C

#336AB0

#A1B325

#B536CA

#3CB574

#336AB0 を使ったカマイユ

#3864A8

#2B73B5

#406FBD

#3D78BA

#336AB0

#3267BA

#3476BF

#3682C7

#4582BA

#2F62A8

#3B6E9C

#2D65BD

#336AB0

#3B6CB3

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

#549CBF

#223E8F

#336AB0

#2389C2

#4886CF

#2574CC

#277DCC

#4180BA

#336AB0

#4580A3

#367BA8

#155899

#336AB0

#2D54BD

#325AC7

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

#114180

#336AB0

#549FFF

#3163A3

#1C3657

#1A66C7

#323F4F

#336AB0

#CCDAEB

#0B4999

#0770F5

#336AB0

#314157

#013373

#3E4D61

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

#97BAE6

#114485

#336AB0

#167BFA

#5A6D85

#639AE0

#336AB0

#3C5678

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

#336AB0

#B0336A

#6AB033

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

#B0A333

#336AB0

#B04F33

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

#336AB0

#B033A9

#B07933

#33B03B

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

#336AB0

#B07933

#336AB0

#8B9BB0

#336AB0

#4A9AFF

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

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

#336AB0

#336AB0 の色情報

#336AB0 の色相別色一覧

#336AB0 の彩度別色一覧

#336AB0 の明度別色一覧

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

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

#336AB0 を使ったカマイユ

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

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

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

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

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

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

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