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

#5AB9D3 の色情報

#5AB9D3

画像
HEX	#5AB9D3
RGB	R:90 G:185 B:211
RGBの割合	R:35.3% G:72.5% B:82.7%
HSV	H:192.9 S:57.3 V:82.7
HSL	H:192.9 S:57.9 L:59.0
CMY	C:64.7 M:27.5 Y:17.3

CMYK	C:57.3 M:12.3 Y:0.0 K:17.3
YCbCr	Y:153.0 Cb:153.5 Cr:84.4
XYZ	X:33.3 Y:41.6 Z:67.9
xyY	x:0.233 y:0.291 Y:41.6

CIE Lab	L:70.6 a:-20.6 b*:-21.6
CIE LCh	L:70.6 C:29.9 h:226.3
CIE Luv	L:70.6 u:-39.5 v*:-30.8
Hunter Lab	L:64.5 a:-20.6 b:-17.3

#5AB9D3 の色相別色一覧

#D3745A

#D3925A

#D3B15A

#D3CF5A

#B9D35A

#9BD35A

#7DD35A

#5ED35A

#5AD374

#5AD392

#5AD3B1

#5AD3CF

#5AB9D3

#5A9BD3

#5A7DD3

#5A5ED3

#745AD3

#925AD3

#B15AD3

#CF5AD3

#D35AB9

#D35A9B

#D35A7D

#D35A5E

#5AB9D3 の彩度別色一覧

#CED2D3

#C4D0D3

#B9CDD3

#AECBD3

#A4C9D3

#99C7D3

#8FC4D3

#84C2D3

#7AC0D3

#6FBED3

#65BBD3

#5AB9D3

#4FB7D3

#45B4D3

#3AB2D3

#30B0D3

#25AED3

#1BABD3

#10A9D3

#06A7D3

#5AB9D3 の明度別色一覧

#030607

#081114

#0E1C21

#13282D

#19333A

#1E3E47

#244954

#295460

#2E606D

#346B7A

#397687

#3F8193

#448CA0

#4A97AD

#4FA3BA

#55AEC6

#5AB9D3

#5FC4E0

#65CFED

#6ADBF9

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

#14464A

#4892A1

#3195B0

#38696B

#5AB9D3

#54A2B0

#469CA3

#2D3F4A

#5AB9D3

#2F6680

#144252

#447080

#5AB9D3

#24849E

#4B8EB0

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

#C6576D

#55D063

#5AB9D3

#E5DD78

#A865E2

#5FE04E

#C6417D

#5AB9D3

#7F59E0

#D0B15B

#8451DD

#5AB9D3

#E04BA2

#86E25E

#CB9A5B

#5AB9D3 を使ったカマイユ

#4BA9CB

#5AB9D3

#6CC1DD

#61B3C4

#3DA1BA

#64B0CE

#54A9BC

#44B5CB

#55C2E2

#5AB9D3

#5FA3BC

#5AB9D3

#5DAFC4

#5EC3E7

#71BFE0

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

#50E3E7

#3C80AD

#76C9E5

#44AEEF

#5AB9D3

#51BDCB

#74DAEA

#5FA0CB

#35BFBA

#5AB9D3

#6BBFCB

#54E6F9

#649FB4

#6ADBE7

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

#48A8C2

#195161

#27363B

#2B8FAB

#5AB9D3

#6BBFD6

#375057

#6FC6DE

#5AB9D3

#206578

#5AB9D3

#4C5E63

#22373D

#73BDD1

#2A4F59

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

#5AB9D3

#D35AB9

#B9D35A

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

#D39C5A

#5AB9D3

#D35A68

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

#5AB9D3

#B15AD3

#D3745A

#7DD35A

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

#5AB9D3

#D3745A

#5AB9D3

#C4D0D3

#5AB9D3

#2C5966

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

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

#5AB9D3

#5AB9D3 の色情報

#5AB9D3 の色相別色一覧

#5AB9D3 の彩度別色一覧

#5AB9D3 の明度別色一覧

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

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

#5AB9D3 を使ったカマイユ

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

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

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

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

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

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