#5E80D2｜カラーサイト.com

#5E80D2 の色情報

#5E80D2

画像
HEX	#5E80D2
RGB	R:94 G:128 B:210
RGBの割合	R:36.9% G:50.2% B:82.4%
HSV	H:222.4 S:55.2 V:82.4
HSL	H:222.4 S:56.3 L:59.6
CMY	C:63.1 M:49.8 Y:17.6

CMYK	C:55.2 M:39.0 Y:0.0 K:17.6
YCbCr	Y:125.2 Cb:169.0 Cr:107.3
XYZ	X:24.0 Y:22.5 Z:64.0
xyY	x:0.217 y:0.203 Y:22.5

CIE Lab	L:54.5 a:11.9 b*:-46.0
CIE LCh	L:54.5 C:47.5 h:284.5
CIE Luv	L:54.5 u:-17.5 v*:-72.8
Hunter Lab	L:47.4 a:7.3 b:-46.9

#5E80D2 の色相別色一覧

#D2765E

#D2935E

#D2B05E

#D2CD5E

#BAD25E

#9DD25E

#80D25E

#63D25E

#5ED276

#5ED293

#5ED2B0

#5ED2CD

#5EBAD2

#5E9DD2

#5E80D2

#5E63D2

#765ED2

#935ED2

#B05ED2

#CD5ED2

#D25EBA

#D25E9D

#D25E80

#D25E63

#5E80D2 の彩度別色一覧

#D2D2D2

#C7CAD2

#BDC3D2

#B2BBD2

#A8B4D2

#9DADD2

#93A5D2

#889ED2

#7E96D2

#738FD2

#6987D2

#5E80D2

#5479D2

#4971D2

#3F6AD2

#3462D2

#2A5BD2

#1F53D2

#154CD2

#0A45D2

#5E80D2 の明度別色一覧

#030406

#080B13

#0E1320

#141B2C

#1A2339

#1F2B46

#253253

#2B3A5F

#30426C

#364A79

#3C5186

#415992

#47619F

#4D69AC

#5370B9

#5878C5

#5E80D2

#6488DF

#6990EC

#6F97F8

#5E80D2 を使ったトーンオントーン

#47619C

#416DB5

#465675

#20274A

#5E80D2

#35455C

#5E80D2

#96B9F7

#4B547D

#364B8C

#334470

#173152

#5E80D2

#4D7EB8

#4B5EA1

#5E80D2 を使ったトーンイントーン

#5E80D2

#B84EBB

#E68560

#8BC853

#5CD7B3

#E451E0

#D79A74

#7AB951

#5DDFBF

#5E80D2

#68E4A1

#5E80D2

#C5E66C

#C5716A

#C067DC

#5E80D2 を使ったカマイユ

#5E80D2

#4765BB

#4E7BDA

#4C69DA

#6281D7

#5D75BB

#5F82CF

#5573C8

#5E80D2

#657BB9

#5583CF

#4765CD

#4E79DA

#5E80D2

#6478BE

#5E80D2 を使ったフォカマイユ

#488BCA

#7C8EEC

#5C73E1

#70A0E1

#5E80D2

#434BAC

#457DE9

#6F7DE9

#5E80D2

#646BBE

#5677B3

#8A9EF3

#5E80D2

#3C44B9

#575DB3

#5E80D2 を使ったドミナントカラー

#6D7B9E

#99A7C7

#8892A8

#5E80D2

#264591

#6B748A

#82858C

#CFD5E3

#5E80D2

#787B82

#2A4073

#5E80D2

#4C5875

#A4A8B3

#5C616E

#5E80D2 を使ったトライアド

#5E80D2

#D25E80

#80D25E

#5E80D2 を使ったスプリットコンプリメンタリー

#CDD25E

#5E80D2

#D2895E

#5E80D2 を使ったテトラード

#5E80D2

#D25EBA

#D2B05E

#5ED276

#5E80D2 を使ったコントラスト

#5E80D2

#D2B05E

#5E80D2

#C7CAD2

#5E80D2

#2E3E66

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

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

#5E80D2

#5E80D2 の色情報

#5E80D2 の色相別色一覧

#5E80D2 の彩度別色一覧

#5E80D2 の明度別色一覧

#5E80D2 を使ったトーンオントーン

#5E80D2 を使ったトーンイントーン

#5E80D2 を使ったカマイユ

#5E80D2 を使ったフォカマイユ

#5E80D2 を使ったドミナントカラー

#5E80D2 を使ったトライアド

#5E80D2 を使ったスプリットコンプリメンタリー

#5E80D2 を使ったテトラード

#5E80D2 を使ったコントラスト