#98A5E2｜カラーサイト.com

#98A5E2 の色情報

#98A5E2

画像
HEX	#98A5E2
RGB	R:152 G:165 B:226
RGBの割合	R:59.6% G:64.7% B:88.6%
HSV	H:229.5 S:32.7 V:88.6
HSL	H:229.5 S:56.1 L:74.1
CMY	C:40.4 M:35.3 Y:11.4

CMYK	C:32.7 M:27.0 Y:0.0 K:11.4
YCbCr	Y:160.4 Cb:156.7 Cr:118.0
XYZ	X:40.1 Y:39.1 Z:77.4
xyY	x:0.256 y:0.250 Y:39.1

CIE Lab	L:68.8 a:9.6 b*:-32.3
CIE LCh	L:68.8 C:33.7 h:286.5
CIE Luv	L:68.8 u:-9.8 v*:-52.4
Hunter Lab	L:62.5 a:5.2 b:-29.6

#98A5E2 の色相別色一覧

#E29E98

#E2B098

#E2C398

#E2D598

#DDE298

#CAE298

#B8E298

#A5E298

#98E29E

#98E2B0

#98E2C3

#98E2D5

#98DDE2

#98CAE2

#98B8E2

#98A5E2

#9E98E2

#B098E2

#C398E2

#D598E2

#E298DD

#E298CA

#E298B8

#E298A5

#98A5E2 の彩度別色一覧

#DCDDE2

#D1D4E2

#C5CAE2

#BAC1E2

#AFB8E2

#A3AEE2

#98A5E2

#8D9CE2

#8192E2

#7689E2

#6B80E2

#6076E2

#546DE2

#4964E2

#3E5AE2

#3251E2

#2748E2

#1C3FE2

#1035E2

#052CE2

#98A5E2 の明度別色一覧

#060709

#0F1016

#171923

#202330

#292C3C

#313549

#3A3F56

#424863

#4B516F

#535B7C

#5C6489

#656D96

#6D76A2

#7680AF

#7E89BC

#8792C9

#8F9CD5

#98A5E2

#A1AEEF

#A9B8FC

#98A5E2 を使ったトーンオントーン

#3C4559

#5767A1

#98A5E2

#7682B3

#4C5C80

#8796BA

#262847

#696B78

#98A5E2

#7C869E

#566391

#4B4F6B

#98A5E2

#6C79BF

#242B4A

#98A5E2 を使ったトーンイントーン

#D7FC9A

#CEAA9F

#E587DF

#8BE7CC

#98A5E2

#77D0BF

#C5F49A

#DDB4AB

#DFA7E5

#98A5E2

#92D3A8

#C695CB

#D4F18D

#F1A396

#98A5E2 を使ったカマイユ

#BBCBF9

#98ACEC

#ADC0F6

#98A5E2

#94A8DF

#8B94D5

#99ADE7

#98A5E2

#A4B0DA

#939EC9

#98A5E2

#C0C7F9

#8CA3F4

#B0BBE7

#848DD8

#98A5E2 を使ったフォカマイユ

#8E87DD

#8DA2C3

#C8DFFF

#777AD8

#98A5E2

#7872DA

#8F92C3

#98A5E2

#ABAFD8

#CECDFF

#ACA6FF

#9DA4DD

#8AB0FF

#949AF9

#98A5E2

#98A5E2 を使ったドミナントカラー

#243EB5

#0B2ABD

#98A5E2

#0428CF

#5D69A3

#161E45

#717480

#313C70

#2F3038

#98A5E2

#232738

#DDDFED

#4255AD

#0228D9

#98A5E2 を使ったアイデンティティ

#4056BD

#192975

#98A5E2

#324499

#08175C

#98A5E2

#5164BD

#253685

#98A5E2 を使ったトライアド

#98A5E2

#E298A5

#A5E298

#98A5E2 を使ったスプリットコンプリメンタリー

#D6E298

#98A5E2

#E2BC98

#98A5E2 を使ったテトラード

#98A5E2

#E298CA

#E2D598

#98E2B0

#98A5E2 を使ったコントラスト

#98A5E2

#E2D598

#98A5E2

#2748E2

#98A5E2

#454A66

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

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

#98A5E2

#98A5E2 の色情報

#98A5E2 の色相別色一覧

#98A5E2 の彩度別色一覧

#98A5E2 の明度別色一覧

#98A5E2 を使ったトーンオントーン

#98A5E2 を使ったトーンイントーン

#98A5E2 を使ったカマイユ

#98A5E2 を使ったフォカマイユ

#98A5E2 を使ったドミナントカラー

#98A5E2 を使ったアイデンティティ

#98A5E2 を使ったトライアド

#98A5E2 を使ったスプリットコンプリメンタリー

#98A5E2 を使ったテトラード

#98A5E2 を使ったコントラスト