#3AECF9｜カラーサイト.com

#3AECF9 の色情報

#3AECF9

画像
HEX	#3AECF9
RGB	R:58 G:236 B:249
RGBの割合	R:22.7% G:92.5% B:97.6%
HSV	H:184.1 S:76.7 V:97.6
HSL	H:184.1 S:94.1 L:60.2
CMY	C:77.3 M:7.5 Y:2.4

CMYK	C:76.7 M:5.2 Y:0.0 K:2.4
YCbCr	Y:174.3 Cb:160.1 Cr:48.9
XYZ	X:48.8 Y:67.7 Z:100.1
xyY	x:0.225 y:0.313 Y:67.7

CIE Lab	L:85.9 a:-38.6 b*:-18.9
CIE LCh	L:85.9 C:43.0 h:206.0
CIE Luv	L:85.9 u:-61.2 v*:-24.3
Hunter Lab	L:82.3 a:-38.1 b:-14.5

#3AECF9 の色相別色一覧

#F9473A

#F9773A

#F9A73A

#F9D63A

#ECF93A

#BCF93A

#8DF93A

#5DF93A

#3AF947

#3AF977

#3AF9A7

#3AF9D6

#3AECF9

#3ABCF9

#3A8DF9

#3A5DF9

#473AF9

#773AF9

#A73AF9

#D63AF9

#F93AEC

#F93ABC

#F93A8D

#F93A5D

#3AECF9 の彩度別色一覧

#F5F9F9

#E8F8F9

#DCF7F9

#CFF6F9

#C3F5F9

#B7F4F9

#AAF4F9

#9EF3F9

#91F2F9

#85F1F9

#78F0F9

#6CEFF9

#5FEFF9

#53EEF9

#46EDF9

#3AECF9

#2EEBF9

#21EAF9

#15E9F9

#08E9F9

#3AECF9 の明度別色一覧

#020607

#051214

#081F20

#0A2B2D

#0D373A

#104347

#134F53

#165B60

#19676D

#1C737A

#1F7F86

#228B93

#2597A0

#28A3AD

#2BB0B9

#2EBCC6

#31C8D3

#34D4E0

#37E0EC

#3AECF9

#3AECF9 を使ったトーンオントーン

#3AECF9

#13535E

#09A194

#0B6B7A

#1DB8C9

#239E9A

#0B4647

#28B7C7

#3AECF9

#15756D

#0ABAAC

#3AECF9

#177D73

#0C9692

#17575E

#3AECF9 を使ったトーンイントーン

#7348E7

#FFE448

#3AECF9

#43FF60

#FC409D

#FFEB55

#50F653

#FF228C

#3AECF9

#5C22EF

#2AF141

#FF2C76

#3AECF9

#8E50F1

#F4D640

#3AECF9 を使ったカマイユ

#3AECF9

#38E5E2

#50F0FF

#2FEDFF

#2CFFFC

#2ECFEC

#3AECF9

#22FEFE

#27FFFC

#2CFBFF

#3ED8EC

#4BF0FF

#50F6F4

#3AECF9

#47D9EA

#3AECF9 を使ったフォカマイユ

#51BFE5

#52D5E7

#3AECF9

#1DDDFF

#4ED1DD

#1ACDFF

#34FFE4

#55FFFC

#3AECF9

#26BAE7

#5DE9FF

#46ECFF

#42E4EA

#2AC9FF

#3AECF9

#3AECF9 を使ったドミナントカラー

#20D8E6

#01666E

#3AECF9

#3E494A

#21393B

#3AECF9

#80ADB0

#43BCC4

#189AA3

#3C9096

#3AECF9

#194245

#E8F9FA

#646D6E

#5E6F70

#3AECF9 を使ったアイデンティティ

#3AECF9

#409CA3

#547A7D

#66BEC4

#3AECF9

#2D757A

#3AECF9

#07676E

#50A5AB

#3AECF9 を使ったトライアド

#3AECF9

#F93AEC

#ECF93A

#3AECF9 を使ったスプリットコンプリメンタリー

#F9873A

#3AECF9

#F93A6D

#3AECF9 を使ったテトラード

#3AECF9

#A73AF9

#F9473A

#8DF93A

#3AECF9 を使ったコントラスト

#3AECF9

#F9473A

#3AECF9

#B7F4F9

#3AECF9

#186166

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

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

#3AECF9

#3AECF9 の色情報

#3AECF9 の色相別色一覧

#3AECF9 の彩度別色一覧

#3AECF9 の明度別色一覧

#3AECF9 を使ったトーンオントーン

#3AECF9 を使ったトーンイントーン

#3AECF9 を使ったカマイユ

#3AECF9 を使ったフォカマイユ

#3AECF9 を使ったドミナントカラー

#3AECF9 を使ったアイデンティティ

#3AECF9 を使ったトライアド

#3AECF9 を使ったスプリットコンプリメンタリー

#3AECF9 を使ったテトラード

#3AECF9 を使ったコントラスト