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

#7AA6E2 の色情報

#7AA6E2

画像
HEX	#7AA6E2
RGB	R:122 G:166 B:226
RGBの割合	R:47.8% G:65.1% B:88.6%
HSV	H:214.6 S:46.0 V:88.6
HSL	H:214.6 S:64.2 L:68.2
CMY	C:52.2 M:34.9 Y:11.4

CMYK	C:46.0 M:26.5 Y:0.0 K:11.4
YCbCr	Y:153.2 Cb:160.9 Cr:104.4
XYZ	X:35.4 Y:36.9 Z:77.2
xyY	x:0.237 y:0.247 Y:36.9

CIE Lab	L:67.2 a:1.1 b*:-34.9
CIE LCh	L:67.2 C:34.9 h:271.8
CIE Luv	L:67.2 u:-22.2 v*:-55.5
Hunter Lab	L:60.7 a:-2.3 b:-32.8

#7AA6E2 の色相別色一覧

#E2827A

#E29C7A

#E2B67A

#E2D07A

#DAE27A

#C0E27A

#A6E27A

#8CE27A

#7AE282

#7AE29C

#7AE2B6

#7AE2D0

#7ADAE2

#7AC0E2

#7AA6E2

#7A8CE2

#827AE2

#9C7AE2

#B67AE2

#D07AE2

#E27ADA

#E27AC0

#E27AA6

#E27A8C

#7AA6E2 の彩度別色一覧

#E0E1E2

#D4DAE2

#C9D4E2

#BECDE2

#B3C7E2

#A7C0E2

#9CBAE2

#91B3E2

#85ADE2

#7AA6E2

#6F9FE2

#6399E2

#5892E2

#4D8CE2

#4285E2

#367FE2

#2B78E2

#2072E2

#146BE2

#0965E2

#7AA6E2 の明度別色一覧

#050709

#0C1016

#131A23

#1A2330

#212C3C

#273649

#2E3F56

#354863

#3C526F

#435B7C

#4A6489

#516E96

#5877A2

#5E81AF

#658ABC

#6C93C9

#739DD5

#7AA6E2

#81AFEF

#88B9FC

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

#46556E

#5595C2

#7AA6E2

#242F45

#5A6F8F

#7AA6E2

#738CC7

#414F5C

#466B8C

#355375

#415A73

#5575BD

#28324D

#7AA6E2

#5D7F9C

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

#BBD870

#EF6975

#D094EF

#7AA6E2

#6BCE8B

#CA6BD5

#F97670

#94EFBE

#CCDD68

#7AA6E2

#C27DD0

#CB7C87

#7AA6E2

#CACB68

#6EEF85

#7AA6E2 を使ったカマイユ

#5F8FCE

#92B3F4

#679AD3

#7AA6E2

#6186CE

#71A5E7

#7AA6E2

#84A2D5

#86AAD5

#86B3DF

#5A8FCE

#7AA6E2

#6897CB

#7FB4F4

#7C9BCB

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

#7AA6E2

#70A1FF

#62A6D5

#68A0F1

#4E72C9

#586FDD

#84B0CE

#7AA6E2

#80AEFC

#85D1FF

#7AA6E2

#8899CB

#91B1FF

#76A0C9

#A2C9F1

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

#CCD4DE

#E9EEF5

#6781A6

#30353B

#7AA6E2

#9EA9B8

#4F8CE0

#484F59

#142945

#7AA6E2

#324763

#146BE0

#7AA6E2

#243957

#1D4985

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

#7AA6E2

#245BA6

#345C91

#7AA6E2

#10315E

#356EBD

#5181C2

#7AA6E2

#143869

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

#7AA6E2

#E27AA6

#A6E27A

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

#E2D97A

#7AA6E2

#E2937A

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

#7AA6E2

#E27ADA

#E2B67A

#7AE282

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

#7AA6E2

#E2B67A

#7AA6E2

#0965E2

#7AA6E2

#374B66

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

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

#7AA6E2

#7AA6E2 の色情報

#7AA6E2 の色相別色一覧

#7AA6E2 の彩度別色一覧

#7AA6E2 の明度別色一覧

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

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

#7AA6E2 を使ったカマイユ

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

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

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

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

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

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

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