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

#5A96D2 の色情報

#5A96D2

画像
HEX	#5A96D2
RGB	R:90 G:150 B:210
RGBの割合	R:35.3% G:58.8% B:82.4%
HSV	H:210.0 S:57.1 V:82.4
HSL	H:210.0 S:57.1 L:58.8
CMY	C:64.7 M:41.2 Y:17.6

CMYK	C:57.1 M:28.6 Y:0.0 K:17.6
YCbCr	Y:135.3 Cb:163.2 Cr:97.4
XYZ	X:26.8 Y:28.6 Z:65.1
xyY	x:0.222 y:0.238 Y:28.6

CIE Lab	L:60.5 a:-1.9 b*:-36.7
CIE LCh	L:60.5 C:36.7 h:267.0
CIE Luv	L:60.5 u:-26.5 v*:-57.2
Hunter Lab	L:53.5 a:-4.4 b:-34.7

#5A96D2 の色相別色一覧

#D25A5A

#D2785A

#D2965A

#D2B45A

#D2D25A

#B4D25A

#96D25A

#78D25A

#5AD25A

#5AD278

#5AD296

#5AD2B4

#5AD2D2

#5AB4D2

#5A96D2

#5A78D2

#5A5AD2

#785AD2

#965AD2

#B45AD2

#D25AD2

#D25AB4

#D25A96

#D25A78

#5A96D2 の彩度別色一覧

#CED0D2

#C3CBD2

#B9C5D2

#AEC0D2

#A4BBD2

#99B6D2

#8FB0D2

#84ABD2

#7AA6D2

#6FA1D2

#659BD2

#5A96D2

#5091D2

#458CD2

#3B86D2

#3081D2

#267CD2

#1B77D2

#1171D2

#066CD2

#5A96D2 の明度別色一覧

#030406

#080D13

#0E1720

#13202C

#182939

#1E3246

#233B53

#29445F

#2E4D6C

#345679

#395F86

#3F6892

#44729F

#4A7BAC

#4F84B9

#558DC5

#5A96D2

#5F9FDF

#65A8EC

#6AB1F8

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

#6CC4F7

#5A96D2

#263754

#2A4269

#516A8F

#567FB8

#2B719C

#5A96D2

#273F52

#20496B

#4D6E8C

#204470

#243947

#3C6EB8

#5A96D2

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

#ABC34A

#E6635C

#BE61D5

#52E496

#5A96D2

#D75F51

#AFD548

#4CC395

#D06EE1

#C84A6D

#55D56C

#C8C24C

#5A96D2

#AC69DC

#5A96D2 を使ったカマイユ

#5A96D2

#72A9DC

#5CA5E1

#66A6DA

#65A1E6

#4B8CC5

#6A99CF

#4CA6E6

#5A96D2

#6390CF

#67A5D7

#5A96D2

#4E9FDA

#5C9AE1

#5C97C8

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

#357BB1

#5A96D2

#376DBE

#4BBEEC

#70A8EE

#6C96C5

#7AA6D7

#3B6EC5

#437DCD

#5A96D2

#4A80C8

#6599DC

#4E9DC8

#5A96D2

#45B1E6

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

#1B68B5

#2F74BA

#5A96D2

#686C70

#303C47

#328FED

#5D7B99

#5A96D2

#65B1FC

#3B4147

#364859

#5B6875

#5A96D2

#344352

#39434D

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

#5A96D2

#D25A96

#96D25A

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

#D2BE5A

#5A96D2

#D26E5A

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

#5A96D2

#D25AD2

#D2965A

#5AD25A

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

#5A96D2

#D2965A

#5A96D2

#C3CBD2

#5A96D2

#2C4966

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

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

#5A96D2

#5A96D2 の色情報

#5A96D2 の色相別色一覧

#5A96D2 の彩度別色一覧

#5A96D2 の明度別色一覧

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

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

#5A96D2 を使ったカマイユ

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

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

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

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

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

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