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

#5AA2D9 の色情報

#5AA2D9

画像
HEX	#5AA2D9
RGB	R:90 G:162 B:217
RGBの割合	R:35.3% G:63.5% B:85.1%
HSV	H:206.0 S:58.5 V:85.1
HSL	H:206.0 S:62.6 L:60.2
CMY	C:64.7 M:36.5 Y:14.9

CMYK	C:58.5 M:25.3 Y:0.0 K:14.9
YCbCr	Y:142.0 Cb:162.8 Cr:92.5
XYZ	X:29.7 Y:33.0 Z:70.5
xyY	x:0.223 y:0.248 Y:33.0

CIE Lab	L:64.2 a:-6.5 b*:-34.8
CIE LCh	L:64.2 C:35.3 h:259.5
CIE Luv	L:64.2 u:-30.7 v*:-54.0
Hunter Lab	L:57.5 a:-8.4 b:-32.5

#5AA2D9 の色相別色一覧

#D9715A

#D9915A

#D9B15A

#D9D15A

#C2D95A

#A2D95A

#82D95A

#63D95A

#5AD971

#5AD991

#5AD9B1

#5AD9D1

#5AC2D9

#5AA2D9

#5A82D9

#5A63D9

#715AD9

#915AD9

#B15AD9

#D15AD9

#D95AC2

#D95AA2

#D95A82

#D95A63

#5AA2D9 の彩度別色一覧

#D1D6D9

#C7D1D9

#BCCCD9

#B1C8D9

#A6C3D9

#9BBED9

#90B9D9

#85B5D9

#7BB0D9

#70ABD9

#65A7D9

#5AA2D9

#4F9DD9

#4499D9

#3994D9

#2F8FD9

#248BD9

#1986D9

#0E81D9

#037CD9

#5AA2D9 の明度別色一覧

#000000

#050A0D

#0B131A

#101D27

#152633

#1B3040

#20394D

#25435A

#2A4C66

#305673

#355F80

#3A698D

#407299

#457CA6

#4A85B3

#4F8FC0

#5598CC

#5AA2D9

#5FACE6

#65B5F3

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

#2E617A

#92CFF5

#5C7FA3

#324A59

#5AA2D9

#3E8CB0

#5685A3

#406B7A

#304A59

#5AA2D9

#609DB8

#205975

#346F94

#1A3445

#5AA2D9

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

#A955C7

#D15F74

#C5C75B

#58C276

#5AA2D9

#A262CA

#5AA2D9

#6DE67B

#F36990

#D4CC5C

#9D45DC

#61E37D

#5AA2D9

#D44D54

#C6DC4C

#5AA2D9 を使ったカマイユ

#5B98D1

#5D94C5

#6C9DD1

#5AA2D9

#4E98E8

#68B5E1

#5AA2D9

#629BD4

#78BFF3

#65B2E8

#52ACE1

#60B7ED

#5AA2D9

#6BACD4

#5FB3EB

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

#6DA3CF

#5AA2D9

#5F96BD

#52C6E6

#5CA0C2

#85D0EB

#3BBDDE

#4697C0

#5AA2D9

#478CFA

#558FB3

#63BBD1

#5AA2D9

#53DAFF

#4AA5CA

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

#D8E2EB

#45484A

#5AA2D9

#607C91

#647C8F

#D3E6F5

#3A566B

#5AA2D9

#1E5075

#167DCC

#5AA2D9

#F2F9FF

#225175

#65A5D6

#EBF5FC

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

#5AA2D9

#2077BA

#225073

#053B63

#537996

#5AA2D9

#7FC2F5

#5AA2D9

#145485

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

#5AA2D9

#D95AA2

#A2D95A

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

#D9BB5A

#5AA2D9

#D9675A

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

#5AA2D9

#D15AD9

#D9915A

#63D95A

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

#5AA2D9

#D9915A

#5AA2D9

#C7D1D9

#5AA2D9

#2A4C66

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

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

#5AA2D9

#5AA2D9 の色情報

#5AA2D9 の色相別色一覧

#5AA2D9 の彩度別色一覧

#5AA2D9 の明度別色一覧

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

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

#5AA2D9 を使ったカマイユ

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

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

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

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

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

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

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