#9AECF0｜カラーサイト.com

#9AECF0 の色情報

#9AECF0

画像
HEX	#9AECF0
RGB	R:154 G:236 B:240
RGBの割合	R:60.4% G:92.5% B:94.1%
HSV	H:182.8 S:35.8 V:94.1
HSL	H:182.8 S:74.1 L:77.3
CMY	C:39.6 M:7.5 Y:5.9

CMYK	C:35.8 M:1.7 Y:0.0 K:5.9
YCbCr	Y:198.0 Cb:141.9 Cr:91.7
XYZ	X:59.0 Y:73.2 Z:93.4
xyY	x:0.262 y:0.324 Y:73.2

CIE Lab	L:88.5 a:-23.9 b*:-9.9
CIE LCh	L:88.5 C:25.8 h:202.4
CIE Luv	L:88.5 u:-38.6 v*:-11.6
Hunter Lab	L:85.5 a:-26.4 b:-4.9

#9AECF0 の色相別色一覧

#F09E9A

#F0B49A

#F0C99A

#F0DF9A

#ECF09A

#D7F09A

#C1F09A

#ACF09A

#9AF09E

#9AF0B4

#9AF0C9

#9AF0DF

#9AECF0

#9AD7F0

#9AC1F0

#9AACF0

#9E9AF0

#B49AF0

#C99AF0

#DF9AF0

#F09AEC

#F09AD7

#F09AC1

#F09AAC

#9AECF0 の彩度別色一覧

#EEF0F0

#E2EFF0

#D6EFF0

#CAEEF0

#BEEEF0

#B2EDF0

#A6EDF0

#9AECF0

#8EEBF0

#82EBF0

#76EAF0

#6AEAF0

#5EE9F0

#52E9F0

#46E8F0

#3AE8F0

#2EE7F0

#22E6F0

#16E6F0

#0AE5F0

#9AECF0 の明度別色一覧

#070A0B

#0F1717

#172324

#1F3031

#273C3E

#30494A

#385657

#406264

#486F71

#507B7D

#59888A

#619497

#69A1A4

#71ADB0

#79BABD

#81C6CA

#8AD3D7

#92DFE3

#9AECF0

#A2F9FD

#9AECF0 を使ったトーンオントーン

#8ABCBD

#30484A

#569196

#4C7C82

#9AECF0

#8EBDB7

#6E8185

#3B5250

#709299

#9AECF0

#5DB2C9

#607877

#4F97A1

#9AECF0

#394647

#9AECF0 を使ったトーンイントーン

#E1AD89

#BEA8FA

#9AECF0

#B8E3A6

#EDABD5

#DCC989

#9AECF0

#FABADC

#90EB82

#B494FF

#9BFF92

#FAADD9

#E1C999

#9C83E6

#9AECF0

#9AECF0 を使ったカマイユ

#87F5F5

#95ECF8

#9CDEE8

#9AECF0

#A4F1F8

#B0F7FF

#8AF8FF

#83E8E6

#9AECF0

#B3F9FF

#9AECF0

#80E2E8

#BDFEFF

#A6F8FF

#A2DFE3

#9AECF0 を使ったフォカマイユ

#AFEAFD

#7DFFF2

#B9FDFA

#92FFF6

#9AECF0

#AFE8DD

#9AECF0

#7DB4CA

#BDFBFF

#84DAEB

#BBFFFB

#A4E3DB

#8FFFFF

#8AFDFF

#9AECF0

#9AECF0 を使ったドミナントカラー

#9AECF0

#96AFB0

#486263

#8A9D9E

#064245

#5BACB0

#1ECED6

#04777D

#9AECF0

#CAEBED

#9AECF0

#426C6E

#5D8F91

#73E5EB

#3FEAF2

#9AECF0 を使ったアイデンティティ

#366D70

#9AECF0

#1BAEB5

#9AECF0

#2FAFB5

#367C80

#9AECF0

#27777A

#0EC6CF

#9AECF0 を使ったトライアド

#9AECF0

#F09AEC

#ECF09A

#9AECF0 を使ったスプリットコンプリメンタリー

#F0BB9A

#9AECF0

#F09AB3

#9AECF0 を使ったテトラード

#9AECF0

#C99AF0

#F09E9A

#C1F09A

#9AECF0 を使ったコントラスト

#9AECF0

#F09E9A

#9AECF0

#22E6F0

#9AECF0

#416466

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

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

#9AECF0

#9AECF0 の色情報

#9AECF0 の色相別色一覧

#9AECF0 の彩度別色一覧

#9AECF0 の明度別色一覧

#9AECF0 を使ったトーンオントーン

#9AECF0 を使ったトーンイントーン

#9AECF0 を使ったカマイユ

#9AECF0 を使ったフォカマイユ

#9AECF0 を使ったドミナントカラー

#9AECF0 を使ったアイデンティティ

#9AECF0 を使ったトライアド

#9AECF0 を使ったスプリットコンプリメンタリー

#9AECF0 を使ったテトラード

#9AECF0 を使ったコントラスト