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

#5AB2D9 の色情報

#5AB2D9

画像
HEX	#5AB2D9
RGB	R:90 G:178 B:217
RGBの割合	R:35.3% G:69.8% B:85.1%
HSV	H:198.4 S:58.5 V:85.1
HSL	H:198.4 S:62.6 L:60.2
CMY	C:64.7 M:30.2 Y:14.9

CMYK	C:58.5 M:18.0 Y:0.0 K:14.9
YCbCr	Y:150.1 Cb:158.1 Cr:86.6
XYZ	X:32.7 Y:39.0 Z:71.5
xyY	x:0.228 y:0.273 Y:39.0

CIE Lab	L:68.8 a:-15.2 b*:-27.7
CIE LCh	L:68.8 C:31.5 h:241.3
CIE Luv	L:68.8 u:-36.6 v*:-41.5
Hunter Lab	L:62.5 a:-16.0 b:-24.1

#5AB2D9 の色相別色一覧

#D9615A

#D9815A

#D9A15A

#D9C15A

#D2D95A

#B2D95A

#92D95A

#73D95A

#5AD961

#5AD981

#5AD9A1

#5AD9C1

#5AD2D9

#5AB2D9

#5A92D9

#5A73D9

#615AD9

#815AD9

#A15AD9

#C15AD9

#D95AD2

#D95AB2

#D95A92

#D95A73

#5AB2D9 の彩度別色一覧

#D1D7D9

#C7D3D9

#BCD0D9

#B1CDD9

#A6C9D9

#9BC6D9

#90C3D9

#85BFD9

#7BBCD9

#70B9D9

#65B5D9

#5AB2D9

#4FAFD9

#44ABD9

#39A8D9

#2FA5D9

#24A1D9

#199ED9

#0E9BD9

#0397D9

#5AB2D9 の明度別色一覧

#000000

#050B0D

#0B151A

#102027

#152A33

#1B3440

#203F4D

#25495A

#2A5466

#305E73

#356980

#3A738D

#407E99

#4588A6

#4A93B3

#4F9DC0

#55A8CC

#5AB2D9

#5FBCE6

#65C7F3

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

#2A4B5C

#5AB2D9

#68D1F5

#376478

#43889E

#66A5B5

#1B3145

#367891

#5AB2D9

#405C6E

#254459

#386573

#3A8CA3

#5AB2D9

#38D2FA

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

#E8E571

#9C66F0

#52CA73

#5AB2D9

#C04271

#DC984E

#57C04A

#C0538E

#5AB2D9

#9667F3

#A647D4

#52D471

#5AB2D9

#D6D364

#C04861

#5AB2D9 を使ったカマイユ

#639DC0

#49A7DC

#5AB2D9

#50ACCA

#73C9F3

#4EAFD6

#5AB2D9

#65C7E3

#68C9F0

#52C2E6

#47AAC7

#5CB1E8

#4BB3E8

#48A4D6

#5AB2D9

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

#56CCEB

#4BD0E8

#5AB2D9

#65F1FF

#74D8EB

#6AB9C2

#679EBD

#6198C7

#52A5D4

#5AB2D9

#548FB5

#68D8F0

#699CBA

#5AB2D9

#4580BD

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

#273136

#5AB2D9

#64C8F5

#3B6C82

#60AED1

#2B5F75

#327B9C

#5AB2D9

#114F6B

#244B5C

#0F2F3D

#31B9F5

#5AB2D9

#227FA8

#2C596E

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

#4C7385

#2281AB

#5AB2D9

#227CA3

#5AB2D9

#43697A

#056A96

#4B6C7A

#5AB2D9

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

#5AB2D9

#D95AB2

#B2D95A

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

#D9AB5A

#5AB2D9

#D95A5D

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

#5AB2D9

#C15AD9

#D9815A

#73D95A

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

#5AB2D9

#D9815A

#5AB2D9

#C7D3D9

#5AB2D9

#2A5466

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

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

#5AB2D9

#5AB2D9 の色情報

#5AB2D9 の色相別色一覧

#5AB2D9 の彩度別色一覧

#5AB2D9 の明度別色一覧

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

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

#5AB2D9 を使ったカマイユ

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

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

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

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

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

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

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