#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 を使ったトーンオントーン

#595F7A

#828CB3

#97A6E2

#757A96

#383B45

#7F8794

#455269

#97A6E2

#697CC7

#3D3F59

#969BBA

#595B69

#444857

#97A6E2

#63769E

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

#97A6E2

#7DCE93

#EFA6F1

#F9B0B0

#E1ECAC

#F1C9B7

#97A6E2

#E5A0DF

#A5D57D

#88D5C2

#95D3C1

#C3DF9E

#F1B9A6

#EA92F4

#97A6E2

#97A6E2 を使ったカマイユ

#97A6E2

#758ECE

#91ACF6

#919CD3

#8A92CB

#ABBDEF

#A1B0D8

#8D9FEC

#97A6E2

#919AD3

#8E9AF1

#9EA7D3

#A0A9D3

#869CD5

#97A6E2

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

#97A6E2

#B1B4D8

#7D94C3

#AFC0FE

#C0BFF9

#A5B4DD

#97A6E2

#7E9DDA

#779BDD

#A1B1DD

#95AAD5

#B1D0FE

#97A6E2

#698ABC

#7E98DA

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

#97A6E2

#495DAB

#656F96

#7E85A3

#2F3F82

#70799E

#2C2E33

#2B3045

#455CBA

#97A6E2

#849CFA

#97A6E2

#0F2680

#334796

#081340

#97A6E2 を使ったアイデンティティ

#3B4778

#97A6E2

#0F2994

#1F2D63

#1C3494

#97A6E2

#203380

#485AA3

#97A6E2

#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 を使ったテトラード

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