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

#5A8BD2 の色情報

#5A8BD2

画像
HEX	#5A8BD2
RGB	R:90 G:139 B:210
RGBの割合	R:35.3% G:54.5% B:82.4%
HSV	H:215.5 S:57.1 V:82.4
HSL	H:215.5 S:57.1 L:58.8
CMY	C:64.7 M:45.5 Y:17.6

CMYK	C:57.1 M:33.8 Y:0.0 K:17.6
YCbCr	Y:129.8 Cb:166.4 Cr:101.4
XYZ	X:25.1 Y:25.3 Z:64.5
xyY	x:0.218 y:0.220 Y:25.3

CIE Lab	L:57.4 a:4.5 b*:-41.5
CIE LCh	L:57.4 C:41.8 h:276.2
CIE Luv	L:57.4 u:-22.5 v*:-65.4
Hunter Lab	L:50.3 a:1.0 b:-40.9

#5A8BD2 の色相別色一覧

#D2655A

#D2835A

#D2A15A

#D2BF5A

#C7D25A

#A9D25A

#8BD25A

#6DD25A

#5AD265

#5AD283

#5AD2A1

#5AD2BF

#5AC7D2

#5AA9D2

#5A8BD2

#5A6DD2

#655AD2

#835AD2

#A15AD2

#BF5AD2

#D25AC7

#D25AA9

#D25A8B

#D25A6D

#5A8BD2 の彩度別色一覧

#CECFD2

#C3C9D2

#B9C3D2

#AEBDD2

#A4B6D2

#99B0D2

#8FAAD2

#84A4D2

#7A9ED2

#6F97D2

#6591D2

#5A8BD2

#5085D2

#457FD2

#3B78D2

#3072D2

#266CD2

#1B66D2

#1160D2

#0659D2

#5A8BD2 の明度別色一覧

#030406

#080C13

#0E1520

#131D2C

#182639

#1E2E46

#233753

#293F5F

#2E476C

#345079

#395886

#3F6192

#44699F

#4A72AC

#4F7AB9

#5583C5

#5A8BD2

#5F93DF

#659CEC

#6AA4F8

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

#548AF2

#314D99

#343E57

#2B5A80

#5A8BD2

#3A4F91

#89B5FA

#19476E

#2A3D4F

#2E4A69

#5A8BD2

#254194

#7CC0F5

#293752

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

#5A8BD2

#AF4FD7

#45C54E

#BE5D76

#E1DC5E

#5A8BD2

#AC44B9

#9EC547

#E6777C

#4DECA3

#4FC57F

#D56BE4

#B95C60

#5A8BD2

#BAD555

#5A8BD2 を使ったカマイユ

#5786C5

#549DE9

#5A8BD2

#5F82BE

#6C92CD

#5A8BD2

#6B98DF

#648FBE

#6792EC

#4C83E6

#5483CD

#5A8BD2

#5383E6

#4F86BE

#5E86D7

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

#6384CA

#518CC5

#5A8BD2

#498CC5

#5A9CE1

#5A8BD2

#5273E4

#649AC0

#7CB3F8

#3D70C0

#5A8BD2

#6E8EDC

#5575AE

#6384CA

#5E77C8

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

#E6ECF5

#122033

#5A8BD2

#0B1D38

#696C70

#505D70

#5A8BD2

#0765ED

#012457

#0D55BD

#5A8BD2

#2F353D

#0346A6

#4C5F7A

#243C5E

#5A8BD2 を使ったアイデンティティ

#6E8CB8

#13458F

#5A8BD2

#3D8CFF

#1F3E6B

#5A8BD2

#3A495E

#0C4CA8

#5A8BD2

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

#5A8BD2

#D25A8B

#8BD25A

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

#D2C95A

#5A8BD2

#D2795A

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

#5A8BD2

#D25AC7

#D2A15A

#5AD265

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

#5A8BD2

#D2A15A

#5A8BD2

#C3C9D2

#5A8BD2

#2C4466

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

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

#5A8BD2

#5A8BD2 の色情報

#5A8BD2 の色相別色一覧

#5A8BD2 の彩度別色一覧

#5A8BD2 の明度別色一覧

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

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

#5A8BD2 を使ったカマイユ

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

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

#5A8BD2 を使ったアイデンティティ

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

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

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

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