#5493E9｜カラーサイト.com

#5493E9 の色情報

#5493E9

画像
HEX	#5493E9
RGB	R:84 G:147 B:233
RGBの割合	R:32.9% G:57.6% B:91.4%
HSV	H:214.6 S:63.9 V:91.4
HSL	H:214.6 S:77.2 L:62.2
CMY	C:67.1 M:42.4 Y:8.6

CMYK	C:63.9 M:36.9 Y:0.0 K:8.6
YCbCr	Y:134.5 Cb:175.1 Cr:94.2
XYZ	X:28.8 Y:28.6 Z:81.1
xyY	x:0.208 y:0.207 Y:28.6

CIE Lab	L:60.5 a:6.3 b*:-49.5
CIE LCh	L:60.5 C:49.9 h:277.2
CIE Luv	L:60.5 u:-26.5 v*:-79.4
Hunter Lab	L:53.5 a:2.4 b:-52.4

#5493E9 の色相別色一覧

#E96054

#E98554

#E9AA54

#E9CF54

#DEE954

#B8E954

#93E954

#6EE954

#54E960

#54E985

#54E9AA

#54E9CF

#54DEE9

#54B8E9

#5493E9

#546EE9

#6054E9

#8554E9

#AA54E9

#CF54E9

#E954DE

#E954B8

#E95493

#E9546E

#5493E9 の彩度別色一覧

#E0E4E9

#D4DDE9

#C9D6E9

#BDD0E9

#B1C9E9

#A6C2E9

#9ABBE9

#8EB5E9

#83AEE9

#77A7E9

#6BA0E9

#609AE9

#5493E9

#488CE9

#3D86E9

#317FE9

#2578E9

#1A71E9

#0E6BE9

#0264E9

#5493E9 の明度別色一覧

#010204

#060A10

#0A121D

#0F1A2A

#142237

#182A43

#1D3250

#213B5D

#26436A

#2B4B76

#2F5383

#345B90

#38639D

#3D6BA9

#4273B6

#467BC3

#4B83D0

#4F8BDC

#5493E9

#599BF6

#5493E9 を使ったトーンオントーン

#2C5AB5

#325978

#263F52

#5493E9

#336FA3

#5493E9

#3F6EB8

#3857A3

#192A52

#2A4869

#184E94

#5493E9

#0F1E45

#1D76B8

#2D4973

#5493E9 を使ったトーンイントーン

#5493E9

#65EC9A

#C1E643

#DD45F6

#D05A49

#C5D756

#D53E50

#5493E9

#CF42FF

#3FD28A

#42FF7D

#9738D0

#B8D75F

#5493E9

#F85C65

#5493E9 を使ったカマイユ

#6EA4F3

#5493E9

#65ACF1

#4491DC

#54A0F6

#4993EC

#418BDF

#6199FF

#5493E9

#3D7AE1

#537FD0

#5493E9

#3C7CDF

#4493E4

#6296D5

#5493E9 を使ったフォカマイユ

#6BA0FF

#5798FF

#5493E9

#5680D7

#466DF8

#55B4FB

#64B6FB

#7DB8FF

#5493E9

#3585FB

#64BFFF

#5493E9

#4D89FF

#71B0FB

#57C2FF

#5493E9 を使ったドミナントカラー

#013070

#5493E9

#558AD4

#244778

#7489A6

#B3C8E6

#8A9096

#1F334F

#5493E9

#5280BF

#5493E9

#4477BD

#222A36

#557AAD

#6B7078

#5493E9 を使ったトライアド

#5493E9

#E95493

#93E954

#5493E9 を使ったスプリットコンプリメンタリー

#E9DC54

#5493E9

#E97854

#5493E9 を使ったテトラード

#5493E9

#E954DE

#E9AA54

#54E960

#5493E9 を使ったコントラスト

#5493E9

#E9AA54

#5493E9

#C9D6E9

#5493E9

#254066

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

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

#5493E9

#5493E9 の色情報

#5493E9 の色相別色一覧

#5493E9 の彩度別色一覧

#5493E9 の明度別色一覧

#5493E9 を使ったトーンオントーン

#5493E9 を使ったトーンイントーン

#5493E9 を使ったカマイユ

#5493E9 を使ったフォカマイユ

#5493E9 を使ったドミナントカラー

#5493E9 を使ったトライアド

#5493E9 を使ったスプリットコンプリメンタリー

#5493E9 を使ったテトラード

#5493E9 を使ったコントラスト