#89B5E2｜カラーサイト.com

#89B5E2 の色情報

#89B5E2

画像
HEX	#89B5E2
RGB	R:137 G:181 B:226
RGBの割合	R:53.7% G:71.0% B:88.6%
HSV	H:210.3 S:39.4 V:88.6
HSL	H:210.3 S:60.5 L:71.2
CMY	C:46.3 M:29.0 Y:11.4

CMYK	C:39.4 M:19.9 Y:0.0 K:11.4
YCbCr	Y:164.6 Cb:154.3 Cr:105.5
XYZ	X:40.6 Y:43.9 Z:78.3
xyY	x:0.249 y:0.270 Y:43.9

CIE Lab	L:72.1 a:-3.4 b*:-27.2
CIE LCh	L:72.1 C:27.4 h:262.8
CIE Luv	L:72.1 u:-22.6 v*:-42.5
Hunter Lab	L:66.2 a:-6.6 b:-23.7

#89B5E2 の色相別色一覧

#E28A89

#E2A089

#E2B689

#E2CC89

#E2E289

#CBE289

#B5E289

#9FE289

#89E28A

#89E2A0

#89E2B6

#89E2CC

#89E2E2

#89CBE2

#89B5E2

#899FE2

#8A89E2

#A089E2

#B689E2

#CC89E2

#E289E2

#E289CB

#E289B5

#E2899F

#89B5E2 の彩度別色一覧

#D8DDE2

#CDD7E2

#C2D2E2

#B6CCE2

#ABC6E2

#A0C0E2

#94BBE2

#89B5E2

#7EAFE2

#72AAE2

#67A4E2

#5C9EE2

#5198E2

#4593E2

#3A8DE2

#2F87E2

#2382E2

#187CE2

#0D76E2

#0170E2

#89B5E2 の明度別色一覧

#060709

#0D1216

#151C23

#1D2630

#25303C

#2C3A49

#344556

#3C4F63

#43596F

#4B637C

#536E89

#5B7896

#6282A2

#6A8CAF

#7296BC

#7AA1C9

#81ABD5

#89B5E2

#91BFEF

#98C9FC

#89B5E2 を使ったトーンオントーン

#7E99BA

#394454

#69788C

#89B5E2

#445773

#89B5E2

#748391

#3A3F47

#496B7D

#678CBF

#6AA0C2

#437EA1

#3B4959

#596375

#89B5E2

#89B5E2 を使ったトーンイントーン

#89B5E2

#E5848B

#C87CD3

#7AD88D

#D6DD98

#C3DF78

#69CB91

#F1959C

#C381CE

#89B5E2

#D299DF

#A9EFC9

#DFA09E

#ADCE6C

#89B5E2

#89B5E2 を使ったカマイユ

#7FB5E5

#83B4DF

#89B5E2

#87B1DA

#74A0D0

#89B5E2

#A4C7EC

#81ADDD

#91B0DD

#99BEF4

#709AC9

#7EA8C9

#89B5E2

#72A8D5

#84ABD0

#89B5E2 を使ったフォカマイユ

#80A1EA

#6FAFCB

#89B5E2

#8C9BC3

#C1DAFF

#6182BC

#89B5E2

#74A9FF

#B1DCF4

#ACE2F6

#89B5E2

#5B7AC9

#779EBE

#ACD6EC

#9FB7F6

#89B5E2 を使ったドミナントカラー

#1D6FC2

#89B5E2

#829EBA

#0869CC

#7D97B3

#89B5E2

#72808F

#083D73

#B6C8DB

#818A94

#0B4785

#134170

#89B5E2

#0D6ED1

#1E4D7D

#89B5E2 を使ったアイデンティティ

#89B5E2

#4572A1

#184A7D

#155699

#89B5E2

#416285

#295A8C

#0B5EB3

#89B5E2

#89B5E2 を使ったトライアド

#89B5E2

#E289B5

#B5E289

#89B5E2 を使ったスプリットコンプリメンタリー

#E2D489

#89B5E2

#E29889

#89B5E2 を使ったテトラード

#89B5E2

#E289E2

#E2B689

#89E28A

#89B5E2 を使ったコントラスト

#89B5E2

#E2B689

#89B5E2

#187CE2

#89B5E2

#3E5266

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

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

#89B5E2

#89B5E2 の色情報

#89B5E2 の色相別色一覧

#89B5E2 の彩度別色一覧

#89B5E2 の明度別色一覧

#89B5E2 を使ったトーンオントーン

#89B5E2 を使ったトーンイントーン

#89B5E2 を使ったカマイユ

#89B5E2 を使ったフォカマイユ

#89B5E2 を使ったドミナントカラー

#89B5E2 を使ったアイデンティティ

#89B5E2 を使ったトライアド

#89B5E2 を使ったスプリットコンプリメンタリー

#89B5E2 を使ったテトラード

#89B5E2 を使ったコントラスト