#97A6E2｜カラーサイト.com

#97A6E2 の色情報

#97A6E2

画像
HEX	#97A6E2
RGB	R:151 G:166 B:226
RGBの割合	R:59.2% G:65.1% B:88.6%
HSV	H:228.0 S:33.2 V:88.6
HSL	H:228.0 S:56.4 L:73.9
CMY	C:40.8 M:34.9 Y:11.4

CMYK	C:33.2 M:26.5 Y:0.0 K:11.4
YCbCr	Y:160.6 Cb:156.6 Cr:117.2
XYZ	X:40.1 Y:39.3 Z:77.4
xyY	x:0.256 y:0.251 Y:39.3

CIE Lab	L:69.0 a:8.7 b*:-32.0
CIE LCh	L:69.0 C:33.1 h:285.2
CIE Luv	L:69.0 u:-10.6 v*:-51.9
Hunter Lab	L:62.7 a:4.4 b:-29.3

#97A6E2 の色相別色一覧

#E29B97

#E2AE97

#E2C097

#E2D397

#DEE297

#CCE297

#B9E297

#A6E297

#97E29B

#97E2AE

#97E2C0

#97E2D3

#97DEE2

#97CCE2

#97B9E2

#97A6E2

#9B97E2

#AE97E2

#C097E2

#D397E2

#E297DE

#E297CC

#E297B9

#E297A6

#97A6E2 の彩度別色一覧

#DBDCE2

#D0D3E2

#C4CAE2

#B9C1E2

#AEB8E2

#A2AFE2

#97A6E2

#8C9DE2

#8094E2

#758BE2

#6A82E2

#5F79E2

#5370E2

#4867E2

#3D5EE2

#3155E2

#264CE2

#1B43E2

#0F3AE2

#0430E2

#97A6E2 の明度別色一覧

#060709

#0F1016

#171A23

#202330

#282C3C

#313649

#393F56

#424863

#4A526F

#535B7C

#5B6489

#646E96

#6C77A2

#7581AF

#7D8ABC

#8693C9

#8E9DD5

#97A6E2

#A0AFEF

#A8B9FC

#97A6E2 を使ったトーンオントーン

#50526E

#53688F

#2E335C

#97A6E2

#6981BD

#7C82A3

#3D5178

#8488BA

#97A6E2

#4D5059

#7E95BD

#515C70

#97A6E2

#5D67A1

#323957

#97A6E2 を使ったトーンイントーン

#97A6E2

#BCCE75

#CE7FCA

#99D3AB

#C99E9A

#D985EA

#EAF1B9

#DD8D98

#96E5B0

#97A6E2

#FC9499

#CC7ED3

#F3FC9B

#9FF1B9

#97A6E2

#97A6E2 を使ったカマイユ

#9BA9D5

#92A9F4

#97A6E2

#979ED5

#8D9FF9

#97A6E2

#A0B1E5

#A3AADF

#B9C7F4

#899CDD

#7D94D0

#A5ADDD

#A0ACD0

#97A6E2

#8291DD

#97A6E2 を使ったフォカマイユ

#85B8F6

#8E9DBC

#819CBC

#97A6E2

#AAB5D3

#97A6E2

#798BDD

#A3A2C6

#7274D8

#B0BBDD

#879FBC

#A4A0FC

#9A99FF

#8E97BC

#97A6E2

#97A6E2 を使ったドミナントカラー

#27366E

#97A6E2

#3B4670

#111938

#4F63B3

#616885

#2C3C7A

#54565E

#97A6E2

#222C54

#30354A

#97A6E2

#2F54EB

#2A3252

#C5D0FA

#97A6E2 を使ったトライアド

#97A6E2

#E297A6

#A6E297

#97A6E2 を使ったスプリットコンプリメンタリー

#D8E297

#97A6E2

#E2BA97

#97A6E2 を使ったテトラード

#97A6E2

#E297CC

#E2D397

#97E2AE

#97A6E2 を使ったコントラスト

#97A6E2

#E2D397

#97A6E2

#264CE2

#97A6E2

#444B66

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

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

#97A6E2

#97A6E2 の色情報

#97A6E2 の色相別色一覧

#97A6E2 の彩度別色一覧

#97A6E2 の明度別色一覧

#97A6E2 を使ったトーンオントーン

#97A6E2 を使ったトーンイントーン

#97A6E2 を使ったカマイユ

#97A6E2 を使ったフォカマイユ

#97A6E2 を使ったドミナントカラー

#97A6E2 を使ったトライアド

#97A6E2 を使ったスプリットコンプリメンタリー

#97A6E2 を使ったテトラード

#97A6E2 を使ったコントラスト