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

#336AD9 の色情報

#336AD9

画像
HEX	#336AD9
RGB	R:51 G:106 B:217
RGBの割合	R:20.0% G:41.6% B:85.1%
HSV	H:220.1 S:76.5 V:85.1
HSL	H:220.1 S:68.6 L:52.5
CMY	C:80.0 M:58.4 Y:14.9

CMYK	C:76.5 M:51.2 Y:0.0 K:14.9
YCbCr	Y:103.8 Cb:184.9 Cr:96.0
XYZ	X:19.0 Y:16.0 Z:67.7
xyY	x:0.185 y:0.156 Y:16.0

CIE Lab	L:47.0 a:21.0 b*:-62.1
CIE LCh	L:47.0 C:65.6 h:288.7
CIE Luv	L:47.0 u:-20.3 v*:-95.7
Hunter Lab	L:40.0 a:14.9 b:-72.3

#336AD9 の色相別色一覧

#D94F33

#D97933

#D9A233

#D9CC33

#BDD933

#94D933

#6AD933

#41D933

#33D94F

#33D979

#33D9A2

#33D9CC

#33BDD9

#3394D9

#336AD9

#3341D9

#4F33D9

#7933D9

#A233D9

#CC33D9

#D933BD

#D93394

#D9336A

#D93341

#336AD9 の彩度別色一覧

#D6D7D9

#CBD0D9

#C0C8D9

#B5C1D9

#AABAD9

#A0B3D9

#95ABD9

#8AA4D9

#7F9DD9

#7496D9

#698ED9

#5E87D9

#5480D9

#4979D9

#3E71D9

#336AD9

#2863D9

#1D5BD9

#1254D9

#084DD9

#336AD9 の明度別色一覧

#000000

#03060D

#060D1A

#091327

#0C1933

#0F1F40

#12254D

#152C5A

#183266

#1B3873

#1E3E80

#21458D

#244B99

#2751A6

#2A57B3

#2D5EC0

#3064CC

#336AD9

#3670E6

#3976F3

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

#336AD9

#113173

#224A96

#5679FA

#0D2152

#04114D

#295FA1

#5074B8

#182B6B

#336AD9

#2E4FF7

#1A2145

#2842A3

#336AD9

#303E6E

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

#40CA9A

#99DC43

#D822DE

#336AD9

#EB5135

#76C21A

#336AD9

#D61FD0

#30E8BB

#CF6F45

#CF374B

#DED93F

#AB43D4

#336AD9

#40F34D

#336AD9 を使ったカマイユ

#336AD9

#477BDC

#4378EB

#3973CA

#3668C5

#3C66CA

#4479CA

#2155E6

#2E77DE

#336AD9

#3C68CA

#3058D4

#2F7BE6

#2570E1

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

#3960B5

#4D9EE6

#336AD9

#3B87C2

#1776CA

#5F8DF8

#2156BA

#567BEB

#3751B3

#336AD9

#5186E3

#3668FD

#2C84E3

#459EE3

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

#336AD9

#274175

#314875

#40537A

#789EEB

#336AD9

#344973

#123375

#1658DE

#8DA0C7

#365696

#336AD9

#2E59B0

#323842

#6D9BF7

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

#2E3F61

#336AD9

#4267B3

#414E69

#4B71BD

#336AD9

#0039AB

#334363

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

#336AD9

#D9336A

#6AD933

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

#D9D933

#336AD9

#D96B33

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

#336AD9

#D933BD

#D9A233

#33D94F

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

#336AD9

#D9A233

#336AD9

#A0B3D9

#336AD9

#183266

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

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

#336AD9

#336AD9 の色情報

#336AD9 の色相別色一覧

#336AD9 の彩度別色一覧

#336AD9 の明度別色一覧

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

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

#336AD9 を使ったカマイユ

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

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

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

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

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

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

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