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

#336CD2 の色情報

#336CD2

画像
HEX	#336CD2
RGB	R:51 G:108 B:210
RGBの割合	R:20.0% G:42.4% B:82.4%
HSV	H:218.5 S:75.7 V:82.4
HSL	H:218.5 S:63.9 L:51.2
CMY	C:80.0 M:57.6 Y:17.6

CMYK	C:75.7 M:48.6 Y:0.0 K:17.6
YCbCr	Y:104.1 Cb:181.2 Cr:95.7
XYZ	X:18.4 Y:16.1 Z:63.1
xyY	x:0.188 y:0.165 Y:16.1

CIE Lab	L:47.1 a:17.1 b*:-58.0
CIE LCh	L:47.1 C:60.5 h:286.5
CIE Luv	L:47.1 u:-21.0 v*:-89.3
Hunter Lab	L:40.1 a:11.5 b:-65.2

#336CD2 の色相別色一覧

#D24A33

#D27133

#D29933

#D2C133

#BCD233

#94D233

#6CD233

#44D233

#33D24A

#33D271

#33D299

#33D2C1

#33BCD2

#3394D2

#336CD2

#3344D2

#4A33D2

#7133D2

#9933D2

#C133D2

#D233BC

#D23394

#D2336C

#D23344

#336CD2 の彩度別色一覧

#D1D1D2

#C6CAD2

#BCC4D2

#B1BDD2

#A7B6D2

#9CAFD2

#92A9D2

#87A2D2

#7D9BD2

#7294D2

#688ED2

#5D87D2

#5380D2

#4879D2

#3E73D2

#336CD2

#2965D2

#1E5FD2

#1458D2

#0951D2

#336CD2 の明度別色一覧

#010306

#050A13

#081020

#0B172C

#0E1D39

#112446

#142A53

#17315F

#1A386C

#1D3E79

#204586

#244B92

#27529F

#2A58AC

#2D5FB9

#3065C5

#336CD2

#3673DF

#3979EC

#3C80F8

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

#152870

#315AA3

#336CD2

#59ABF5

#0D1F54

#293A70

#3D77B8

#336CD2

#3E5696

#19344F

#3F629C

#3E5AB0

#1B3070

#1E3457

#336CD2

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

#A643CF

#43CA62

#336CD2

#E14B4C

#D3EC40

#27C05E

#CA47E9

#336CD2

#A6DA39

#C5372E

#95C52A

#336CD2

#9421C0

#48D7A4

#D74E48

#336CD2 を使ったカマイユ

#3A65CD

#3C6CBB

#336CD2

#3374C8

#1E68C5

#336CD2

#316FE6

#2763B9

#4577D7

#2255B9

#2873DA

#1D61BE

#4578C8

#336CD2

#3372C8

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

#1D47C0

#224BB9

#215CCD

#305AF8

#336CD2

#2C58F1

#1E36F8

#336CD2

#2D70DF

#194DCA

#3479C0

#336CD2

#4D73F6

#3D58CA

#2C91D7

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

#8697B5

#1D3869

#193669

#336CD2

#677182

#496CAB

#788396

#3B4B66

#525D70

#336CD2

#9FC1FC

#336CD2

#2A57A8

#A8C1ED

#212733

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

#336CD2

#516487

#496FB3

#465C82

#336CD2

#5F97FA

#314A78

#8CB5FF

#336CD2

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

#336CD2

#D2336C

#6CD233

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

#D2CE33

#336CD2

#D26433

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

#336CD2

#D233BC

#D29933

#33D24A

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

#336CD2

#D29933

#336CD2

#9CAFD2

#336CD2

#193466

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

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

#336CD2

#336CD2 の色情報

#336CD2 の色相別色一覧

#336CD2 の彩度別色一覧

#336CD2 の明度別色一覧

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

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

#336CD2 を使ったカマイユ

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

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

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

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

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

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

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