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

#336AD0 の色情報

#336AD0

画像
HEX	#336AD0
RGB	R:51 G:106 B:208
RGBの割合	R:20.0% G:41.6% B:81.6%
HSV	H:219.0 S:75.5 V:81.6
HSL	H:219.0 S:62.5 L:50.8
CMY	C:80.0 M:58.4 Y:18.4

CMYK	C:75.5 M:49.0 Y:0.0 K:18.4
YCbCr	Y:102.9 Cb:180.9 Cr:96.6
XYZ	X:17.9 Y:15.6 Z:61.7
xyY	x:0.188 y:0.163 Y:15.6

CIE Lab	L:46.4 a:17.7 b*:-58.0
CIE LCh	L:46.4 C:60.6 h:286.9
CIE Luv	L:46.4 u:-20.5 v*:-88.9
Hunter Lab	L:39.5 a:12.0 b:-65.2

#336AD0 の色相別色一覧

#D04B33

#D07233

#D09933

#D0C033

#B9D033

#91D033

#6AD033

#43D033

#33D04B

#33D072

#33D099

#33D0C0

#33B9D0

#3391D0

#336AD0

#3343D0

#4B33D0

#7233D0

#9933D0

#C033D0

#D033B9

#D03391

#D0336A

#D03343

#336AD0 の彩度別色一覧

#CFCFD0

#C5C9D0

#BAC2D0

#B0BBD0

#A5B4D0

#9BAED0

#91A7D0

#86A0D0

#7C99D0

#7193D0

#678CD0

#5D85D0

#527ED0

#4878D0

#3D71D0

#336AD0

#2963D0

#1E5CD0

#1456D0

#094FD0

#336AD0 の明度別色一覧

#010204

#040911

#070F1E

#0A162A

#0D1C37

#112344

#142951

#17305D

#1A366A

#1D3D77

#204384

#234A90

#26509D

#2A57AA

#2D5DB7

#3064C3

#336AD0

#3670DD

#3977EA

#3C7DF6

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

#083D99

#042859

#339AFA

#083F7A

#336AD0

#1F428F

#336AD0

#14244D

#2B51F7

#1C2C70

#527BED

#336AD0

#081C78

#112959

#0E5596

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

#BE371C

#7CC11C

#45C887

#C323C8

#336AD0

#46D8A5

#CB3822

#336AD0

#85C343

#CE3ED3

#1FD580

#336AD0

#BDDD48

#D02BEA

#D82E3F

#336AD0 を使ったカマイユ

#3E75E2

#407AD8

#336AD0

#2264CD

#2049B9

#3D6CE4

#2D6DC1

#3A77D3

#4077E7

#336AD0

#255BE2

#2358DF

#3871C6

#336AD0

#2652C1

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

#336AD0

#2448C1

#1546DA

#1C42BE

#162BEA

#3871C6

#58ACE4

#417CF4

#336AD0

#236EBE

#336AD0

#4889C1

#337FE2

#529FDA

#1A29B1

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

#031433

#2B374F

#5C5E61

#336AD0

#798394

#535861

#3767BF

#89A8E0

#90B1F0

#336AD0

#565E6E

#2C66D1

#1A51B8

#336AD0

#546FA1

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

#336AD0

#002975

#5F7CB3

#43577A

#003CAB

#336AD0

#3F4D69

#336AD0

#035AFC

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

#336AD0

#D0336A

#6AD033

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

#D0CD33

#336AD0

#D06533

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

#336AD0

#D033B9

#D09933

#33D04B

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

#336AD0

#D09933

#336AD0

#9BAED0

#336AD0

#193466

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

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

#336AD0

#336AD0 の色情報

#336AD0 の色相別色一覧

#336AD0 の彩度別色一覧

#336AD0 の明度別色一覧

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

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

#336AD0 を使ったカマイユ

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

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

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

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

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

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

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