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

#89CCF0 の色情報

#89CCF0

画像
HEX	#89CCF0
RGB	R:137 G:204 B:240
RGBの割合	R:53.7% G:80.0% B:94.1%
HSV	H:201.0 S:42.9 V:94.1
HSL	H:201.0 S:77.4 L:73.9
CMY	C:46.3 M:20.0 Y:5.9

CMYK	C:42.9 M:15.0 Y:0.0 K:5.9
YCbCr	Y:177.5 Cb:153.7 Cr:96.0
XYZ	X:47.6 Y:54.8 Z:90.5
xyY	x:0.247 y:0.284 Y:54.8

CIE Lab	L:78.9 a:-12.0 b*:-24.4
CIE LCh	L:78.9 C:27.2 h:243.8
CIE Luv	L:78.9 u:-31.8 v*:-37.1
Hunter Lab	L:74.0 a:-14.7 b:-20.7

#89CCF0 の色相別色一覧

#F09389

#F0AD89

#F0C789

#F0E189

#E6F089

#CCF089

#B2F089

#99F089

#89F093

#89F0AD

#89F0C7

#89F0E1

#89E6F0

#89CCF0

#89B2F0

#8999F0

#9389F0

#AD89F0

#C789F0

#E189F0

#F089E6

#F089CC

#F089B2

#F08999

#89CCF0 の彩度別色一覧

#E9EEF0

#DDE9F0

#D1E5F0

#C5E1F0

#B9DDF0

#ADD9F0

#A1D4F0

#95D0F0

#89CCF0

#7DC8F0

#71C4F0

#65BFF0

#59BBF0

#4DB7F0

#41B3F0

#35AFF0

#29AAF0

#1DA6F0

#11A2F0

#059EF0

#89CCF0 の明度別色一覧

#06090B

#0D1417

#151F24

#1C2931

#23343E

#2A3F4A

#324A57

#395564

#406071

#476A7D

#4F758A

#568097

#5D8BA4

#6596B0

#6CA1BD

#73ABCA

#7AB6D7

#82C1E3

#89CCF0

#90D7FD

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

#89CCF0

#46616B

#65AFC9

#51769C

#37454F

#89CCF0

#8FB2CF

#468B9C

#22394D

#4B666E

#405057

#89CCF0

#52A0C7

#568DA6

#335D6B

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

#FCFF9C

#C89DF5

#9DFDAB

#89CCF0

#FFA1BC

#FFE878

#A674E3

#FA8ABE

#89CCF0

#A5F59B

#89CCF0

#BB91DC

#99FFB8

#DEDE83

#EB7FA7

#89CCF0 を使ったカマイユ

#9BD1FA

#7CBCED

#89CCF0

#A6DAFF

#8ACCFF

#81C3F3

#7DD5F5

#9ECEF3

#88BFE6

#89CCF0

#8FD2FF

#71B6EB

#89CCF0

#8FDAFF

#6BAFE3

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

#7AD3E1

#94CCE1

#89CCF0

#82CBFF

#70ACFF

#93CADC

#89CCF0

#639BD7

#70E3FF

#7AD4E6

#81AACA

#89CCF0

#88C9F8

#96DEE6

#A9CFFF

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

#3085B3

#89CCF0

#4B6775

#3D535E

#396780

#074161

#2E98D1

#0F4461

#328BBA

#89CCF0

#1E5F82

#2F4F61

#05486B

#2F383D

#89CCF0

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

#215470

#89CCF0

#0A74AD

#0D72A8

#89CCF0

#306A8A

#045987

#89CCF0

#3D9FD4

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

#89CCF0

#F089CC

#CCF089

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

#F0CF89

#89CCF0

#F08B89

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

#89CCF0

#E189F0

#F0AD89

#99F089

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

#89CCF0

#F0AD89

#89CCF0

#11A2F0

#89CCF0

#3A5766

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

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

#89CCF0

#89CCF0 の色情報

#89CCF0 の色相別色一覧

#89CCF0 の彩度別色一覧

#89CCF0 の明度別色一覧

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

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

#89CCF0 を使ったカマイユ

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

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

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

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

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

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

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