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

#336EE2 の色情報

#336EE2

画像
HEX	#336EE2
RGB	R:51 G:110 B:226
RGBの割合	R:20.0% G:43.1% B:88.6%
HSV	H:219.8 S:77.4 V:88.6
HSL	H:219.8 S:75.1 L:54.3
CMY	C:80.0 M:56.9 Y:11.4

CMYK	C:77.4 M:51.3 Y:0.0 K:11.4
YCbCr	Y:106.7 Cb:187.7 Cr:93.9
XYZ	X:20.7 Y:17.3 Z:74.2
xyY	x:0.184 y:0.155 Y:17.3

CIE Lab	L:48.7 a:21.8 b*:-64.5
CIE LCh	L:48.7 C:68.1 h:288.7
CIE Luv	L:48.7 u:-21.4 v*:-100.2
Hunter Lab	L:41.6 a:15.7 b:-76.5

#336EE2 の色相別色一覧

#E25033

#E27B33

#E2A733

#E2D333

#C6E233

#9AE233

#6EE233

#42E233

#33E250

#33E27B

#33E2A7

#33E2D3

#33C6E2

#339AE2

#336EE2

#3342E2

#5033E2

#7B33E2

#A733E2

#D333E2

#E233C6

#E2339A

#E2336E

#E23342

#336EE2 の彩度別色一覧

#DDDEE2

#D1D7E2

#C6CFE2

#BBC8E2

#AFC0E2

#A4B9E2

#99B1E2

#8DAAE2

#82A2E2

#779BE2

#6C93E2

#608CE2

#5584E2

#4A7DE2

#3E75E2

#336EE2

#2867E2

#1C5FE2

#1158E2

#0650E2

#336EE2 の明度別色一覧

#020509

#050B16

#081123

#0B1730

#0E1D3C

#102449

#132A56

#163063

#19366F

#1C3C7C

#1F4389

#224996

#254FA2

#2755AF

#2A5BBC

#2D62C9

#3068D5

#336EE2

#3674EF

#397AFC

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

#1A4FBF

#336EE2

#0A3369

#0A234A

#1E5291

#1E2B4A

#336EE2

#173878

#206BBF

#274E8F

#1B2B54

#0C49A3

#253D73

#2E57B5

#336EE2

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

#E128E5

#B1EA3E

#37DF7C

#336EE2

#CE3C1C

#39E75E

#ECF14F

#336EE2

#E71F31

#C42DE7

#47EAC6

#336EE2

#EC693F

#89E546

#CA33D0

#336EE2 を使ったカマイユ

#346AF1

#4575DA

#1960C9

#4574F1

#336EE2

#1F55C9

#256DD0

#4678EC

#2068DA

#336EE2

#2868CE

#4B8CEC

#2069DD

#2F6DC9

#336EE2

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

#498CFF

#2889FE

#2B62F6

#1169C1

#336EE2

#1323C6

#216CBC

#4076FC

#176BC3

#4168F4

#105DD0

#1D77EA

#336EE2

#4496DD

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

#465573

#354769

#336EE2

#4177E0

#B2BDD4

#AEB4BF

#364259

#477ADE

#336EE2

#3D70D4

#336EE2

#5C8FF2

#0D1B36

#3873E8

#081E4A

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

#738DBF

#0C2B66

#336EE2

#4A72C2

#42567D

#336EE2

#4B70B8

#475A80

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

#336EE2

#E2336E

#6EE233

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

#E2E133

#336EE2

#E26D33

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

#336EE2

#E233C6

#E2A733

#33E250

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

#336EE2

#E2A733

#336EE2

#A4B9E2

#336EE2

#173266

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

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

#336EE2

#336EE2 の色情報

#336EE2 の色相別色一覧

#336EE2 の彩度別色一覧

#336EE2 の明度別色一覧

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

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

#336EE2 を使ったカマイユ

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

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

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

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

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

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

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