#7AA5E2｜カラーサイト.com

#7AA5E2 の色情報

#7AA5E2

画像
HEX	#7AA5E2
RGB	R:122 G:165 B:226
RGBの割合	R:47.8% G:64.7% B:88.6%
HSV	H:215.2 S:46.0 V:88.6
HSL	H:215.2 S:64.2 L:68.2
CMY	C:52.2 M:35.3 Y:11.4

CMYK	C:46.0 M:27.0 Y:0.0 K:11.4
YCbCr	Y:152.7 Cb:161.1 Cr:104.8
XYZ	X:35.2 Y:36.5 Z:77.2
xyY	x:0.236 y:0.245 Y:36.5

CIE Lab	L:66.9 a:1.6 b*:-35.3
CIE LCh	L:66.9 C:35.4 h:272.7
CIE Luv	L:66.9 u:-21.8 v*:-56.3
Hunter Lab	L:60.4 a:-1.8 b:-33.4

#7AA5E2 の色相別色一覧

#E2837A

#E29D7A

#E2B77A

#E2D17A

#D9E27A

#BFE27A

#A5E27A

#8BE27A

#7AE283

#7AE29D

#7AE2B7

#7AE2D1

#7AD9E2

#7ABFE2

#7AA5E2

#7A8BE2

#837AE2

#9D7AE2

#B77AE2

#D17AE2

#E27AD9

#E27ABF

#E27AA5

#E27A8B

#7AA5E2 の彩度別色一覧

#E0E1E2

#D4DAE2

#C9D3E2

#BECDE2

#B3C6E2

#A7C0E2

#9CB9E2

#91B2E2

#85ACE2

#7AA5E2

#6F9EE2

#6398E2

#5891E2

#4D8AE2

#4284E2

#367DE2

#2B77E2

#2070E2

#1469E2

#0963E2

#7AA5E2 の明度別色一覧

#050709

#0C1016

#131923

#1A2330

#212C3C

#273549

#2E3F56

#354863

#3C516F

#435B7C

#4A6489

#516D96

#5876A2

#5E80AF

#6589BC

#6C92C9

#739CD5

#7AA5E2

#81AEEF

#88B8FC

#7AA5E2 を使ったトーンオントーン

#364B80

#4275BD

#7AA5E2

#2F3E4F

#4A6591

#4378BA

#525C70

#333F4A

#7AA5E2

#68869E

#6A82C4

#323E57

#294569

#7AA5E2

#57738F

#7AA5E2 を使ったトーンイントーン

#CE7178

#A1FCB8

#7AA5E2

#C47BD0

#DBEA6E

#BA67D3

#8DF4AB

#DBF492

#F4A297

#7AA5E2

#77EAC6

#D572DF

#EF9A94

#ABCB74

#7AA5E2

#7AA5E2 を使ったカマイユ

#5C87C9

#6F9CEC

#7AA5E2

#6994E5

#719EF1

#7796D5

#89A9DD

#7AA5E2

#6BA0EF

#70A7EF

#5F83CE

#7E9ED5

#8FB5EF

#71A3FC

#7AA5E2

#7AA5E2 を使ったフォカマイユ

#7E8FBC

#7FC7FF

#91BAFE

#7AA5E2

#7486BE

#91BCFE

#A8C5F4

#7AA5E2

#8ACEF6

#5188D0

#A1B9FF

#5686D3

#8EC6FE

#7AA5E2

#5272BE

#7AA5E2 を使ったドミナントカラー

#0E3A78

#2F61A8

#0452C2

#7AA5E2

#506A8F

#478FF5

#3B6094

#7AA5E2

#234575

#71A7F5

#1C375C

#2E3136

#7AA5E2

#535961

#B8C2D1

#7AA5E2 を使ったアイデンティティ

#45546B

#7AA5E2

#0A4DAB

#4277C2

#7AA5E2

#082E63

#135BC2

#2C5085

#7AA5E2

#7AA5E2 を使ったトライアド

#7AA5E2

#E27AA5

#A5E27A

#7AA5E2 を使ったスプリットコンプリメンタリー

#E2DA7A

#7AA5E2

#E2947A

#7AA5E2 を使ったテトラード

#7AA5E2

#E27AD9

#E2B77A

#7AE283

#7AA5E2 を使ったコントラスト

#7AA5E2

#E2B77A

#7AA5E2

#0963E2

#7AA5E2

#374A66

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

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

#7AA5E2

#7AA5E2 の色情報

#7AA5E2 の色相別色一覧

#7AA5E2 の彩度別色一覧

#7AA5E2 の明度別色一覧

#7AA5E2 を使ったトーンオントーン

#7AA5E2 を使ったトーンイントーン

#7AA5E2 を使ったカマイユ

#7AA5E2 を使ったフォカマイユ

#7AA5E2 を使ったドミナントカラー

#7AA5E2 を使ったアイデンティティ

#7AA5E2 を使ったトライアド

#7AA5E2 を使ったスプリットコンプリメンタリー

#7AA5E2 を使ったテトラード

#7AA5E2 を使ったコントラスト