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

#336ED2 の色情報

#336ED2

画像
HEX	#336ED2
RGB	R:51 G:110 B:210
RGBの割合	R:20.0% G:43.1% B:82.4%
HSV	H:217.7 S:75.7 V:82.4
HSL	H:217.7 S:63.9 L:51.2
CMY	C:80.0 M:56.9 Y:17.6

CMYK	C:75.7 M:47.6 Y:0.0 K:17.6
YCbCr	Y:105.1 Cb:180.6 Cr:95.0
XYZ	X:18.6 Y:16.5 Z:63.2
xyY	x:0.189 y:0.168 Y:16.5

CIE Lab	L:47.6 a:15.9 b*:-57.1
CIE LCh	L:47.6 C:59.3 h:285.5
CIE Luv	L:47.6 u:-21.6 v*:-88.1
Hunter Lab	L:40.6 a:10.5 b:-63.8

#336ED2 の色相別色一覧

#D24833

#D26F33

#D29733

#D2BF33

#BED233

#96D233

#6ED233

#46D233

#33D248

#33D26F

#33D297

#33D2BF

#33BED2

#3396D2

#336ED2

#3346D2

#4833D2

#6F33D2

#9733D2

#BF33D2

#D233BE

#D23396

#D2336E

#D23346

#336ED2 の彩度別色一覧

#D1D1D2

#C6CAD2

#BCC4D2

#B1BDD2

#A7B7D2

#9CB0D2

#92A9D2

#87A3D2

#7D9CD2

#7296D2

#688FD2

#5D88D2

#5382D2

#487BD2

#3E75D2

#336ED2

#2967D2

#1E61D2

#145AD2

#0954D2

#336ED2 の明度別色一覧

#010306

#050A13

#081120

#0B172C

#0E1E39

#112546

#142B53

#17325F

#1A396C

#1D3F79

#204686

#244D92

#27539F

#2A5AAC

#2D61B9

#3067C5

#336ED2

#3675DF

#397BEC

#3C82F8

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

#15519E

#4295FA

#336ED2

#15264F

#324373

#336ED2

#132945

#083373

#2E8BED

#1E429C

#284378

#23315C

#3A5D94

#69AAF2

#336ED2

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

#BB373C

#A3CA33

#336ED2

#20CF88

#AF41E6

#BF2ADA

#E4303A

#3BC36C

#336ED2

#9BBB39

#AC40C0

#7EBE1D

#C83E21

#41DFAF

#336ED2

#336ED2 を使ったカマイユ

#336ED2

#436DC8

#3065B9

#3C73C5

#3877DC

#376ABB

#427DC5

#1D50CD

#336ED2

#2A6CCD

#3766BB

#2657CF

#336ED2

#2560BE

#478FEC

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

#336ED2

#2346F3

#4984C3

#3F61F1

#116ABB

#5288D7

#3752F8

#5194DA

#336ED2

#1B30CA

#1D46E9

#336ED2

#146BDA

#2C54D7

#49AAE9

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

#143E85

#0652D1

#2A5FB8

#336ED2

#3F4A5C

#1A2333

#5873A1

#336ED2

#163B7A

#091A38

#395482

#336ED2

#1348A1

#0A44A6

#5C83C4

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

#0D3373

#336ED2

#79A8F7

#336ED2

#425069

#4A70B0

#336ED2

#082C69

#A3C2F7

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

#336ED2

#D2336E

#6ED233

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

#D2CC33

#336ED2

#D26233

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

#336ED2

#D233BE

#D29733

#33D248

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

#336ED2

#D29733

#336ED2

#9CB0D2

#336ED2

#193566

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

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

#336ED2

#336ED2 の色情報

#336ED2 の色相別色一覧

#336ED2 の彩度別色一覧

#336ED2 の明度別色一覧

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

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

#336ED2 を使ったカマイユ

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

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

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

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

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

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

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