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

#89BAE2 の色情報

#89BAE2

画像
HEX	#89BAE2
RGB	R:137 G:186 B:226
RGBの割合	R:53.7% G:72.9% B:88.6%
HSV	H:207.0 S:39.4 V:88.6
HSL	H:207.0 S:60.5 L:71.2
CMY	C:46.3 M:27.1 Y:11.4

CMYK	C:39.4 M:17.7 Y:0.0 K:11.4
YCbCr	Y:167.1 Cb:152.8 Cr:103.6
XYZ	X:41.6 Y:45.9 Z:78.6
xyY	x:0.250 y:0.276 Y:45.9

CIE Lab	L:73.5 a:-6.1 b*:-25.1
CIE LCh	L:73.5 C:25.9 h:256.3
CIE Luv	L:73.5 u:-24.6 v*:-38.8
Hunter Lab	L:67.8 a:-9.0 b:-21.4

#89BAE2 の色相別色一覧

#E29B89

#E2B189

#E2C789

#E2DE89

#D0E289

#BAE289

#A4E289

#8EE289

#89E29B

#89E2B1

#89E2C7

#89E2DE

#89D0E2

#89BAE2

#89A4E2

#898EE2

#9B89E2

#B189E2

#C789E2

#DE89E2

#E289D0

#E289BA

#E289A4

#E2898E

#89BAE2 の彩度別色一覧

#D8DEE2

#CDD8E2

#C2D3E2

#B6CEE2

#ABC9E2

#A0C4E2

#94BFE2

#89BAE2

#7EB5E2

#72B0E2

#67ABE2

#5CA6E2

#51A1E2

#459CE2

#3A96E2

#2F91E2

#238CE2

#1887E2

#0D82E2

#017DE2

#89BAE2 の明度別色一覧

#060809

#0D1216

#151D23

#1D2730

#25323C

#2C3C49

#344756

#3C5163

#435C6F

#4B667C

#537189

#5B7B96

#6286A2

#6A90AF

#729BBC

#7AA5C9

#81B0D5

#89BAE2

#91C4EF

#98CFFC

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

#689FC2

#89BAE2

#3E5B73

#587C8F

#3A4247

#435D73

#5581C7

#35445C

#89BAE2

#788CA1

#556275

#1F3B4D

#3E7F99

#89BAE2

#9AB1C7

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

#F9ADC2

#F9F09E

#73D371

#9667C9

#89BAE2

#AB7FCE

#89BAE2

#CE6E80

#E0EA76

#6DD394

#77D39C

#A673CB

#DF7C97

#EAEF93

#89BAE2

#89BAE2 を使ったカマイユ

#80B9DA

#A3C6EA

#89BAE2

#88B7D3

#8ED0F6

#89BAE2

#A6CDF9

#A7CBF4

#6899CE

#709CCE

#A1C9E7

#91BDDD

#89BAE2

#85BADF

#7CB3DA

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

#89BAE2

#7EABC9

#A8D2F1

#C0F0FE

#BEE3FF

#7CB2D8

#89BAE2

#6BB3CB

#69A8D8

#BCDBFF

#98CBDA

#89BAE2

#9FB8DA

#8EA9C1

#86AAC6

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

#3E7FB5

#0A8AF2

#89BAE2

#15324A

#9BB7CF

#3C444A

#89BAE2

#2E5E85

#829BB0

#216AA6

#89BAE2

#263745

#4CA0E6

#5D7385

#2295F2

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

#89BAE2

#E289BA

#BAE289

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

#E2CF89

#89BAE2

#E29389

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

#89BAE2

#DE89E2

#E2B189

#8EE289

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

#89BAE2

#E2B189

#89BAE2

#1887E2

#89BAE2

#3E5466

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

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

#89BAE2

#89BAE2 の色情報

#89BAE2 の色相別色一覧

#89BAE2 の彩度別色一覧

#89BAE2 の明度別色一覧

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

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

#89BAE2 を使ったカマイユ

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

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

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

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

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

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