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

#3AECB2 の色情報

#3AECB2

画像
HEX	#3AECB2
RGB	R:58 G:236 B:178
RGBの割合	R:22.7% G:92.5% B:69.8%
HSV	H:160.4 S:75.4 V:92.5
HSL	H:160.4 S:82.4 L:57.6
CMY	C:77.3 M:7.5 Y:30.2

CMYK	C:75.4 M:0.0 Y:24.6 K:7.5
YCbCr	Y:167.3 Cb:128.9 Cr:54.0
XYZ	X:39.8 Y:64.1 Z:52.4
xyY	x:0.255 y:0.410 Y:64.1

CIE Lab	L:84.0 a:-57.1 b*:15.7
CIE LCh	L:84.0 C:59.2 h:164.6
CIE Luv	L:84.0 u:-66.2 v*:32.4
Hunter Lab	L:80.1 a:-51.4 b:17.2

#3AECB2 の色相別色一覧

#EC593A

#EC863A

#ECB23A

#ECDF3A

#CDEC3A

#A1EC3A

#74EC3A

#48EC3A

#3AEC59

#3AEC86

#3AECB2

#3AECDF

#3ACDEC

#3AA1EC

#3A74EC

#3A48EC

#593AEC

#863AEC

#B23AEC

#DF3AEC

#EC3ACD

#EC3AA1

#EC3A74

#EC3A48

#3AECB2 の彩度別色一覧

#EBECEC

#DFECE8

#D3ECE4

#C8ECE0

#BCECDC

#B0ECD8

#A4ECD5

#98ECD1

#8DECCD

#81ECC9

#75ECC5

#69ECC1

#5DECBE

#52ECBA

#46ECB6

#3AECB2

#2EECAE

#22ECAA

#17ECA6

#0BECA3

#3AECB2 の明度別色一覧

#020705

#05130F

#082018

#0B2D22

#0E3A2B

#114635

#14533F

#186048

#1B6D52

#1E795B

#218665

#24936F

#27A078

#2AAC82

#2DB98C

#31C695

#34D39F

#37DFA8

#3AECB2

#3DF9BC

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

#105C4E

#17B886

#158F6D

#3AECB2

#286E55

#1B5C3C

#3AECB2

#3FC7A4

#2F9178

#327865

#3AECB2

#4AC49E

#07917B

#096B3E

#125243

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

#D845FB

#D7FF3C

#FB4D60

#2B5CE7

#3AECB2

#403CD3

#3AECB2

#F17F40

#D844CD

#98E431

#3AECB2

#E43AD8

#A6DA29

#4452FF

#E44C36

#3AECB2 を使ったカマイユ

#4DFBD1

#4BEFC7

#3AECB2

#3EDFB5

#23EFB6

#3AECB2

#30F6BC

#32FFCA

#4BFFBC

#4CE2AE

#3AECB2

#31F9A7

#2DDDA9

#53FFCD

#27E9BA

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

#62FFA5

#1ADF9C

#4BD8BC

#35F4A9

#3AECB2

#37C8B1

#37D099

#1BC6B0

#16E4D5

#5EFBE8

#3AECB2

#16E79C

#1AF9E4

#49D3A8

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

#18CC92

#89C7B3

#606664

#95C2B3

#3AECB2

#07402D

#AFDECF

#20916C

#38544B

#3AECB2

#81B8A6

#18C990

#27A87E

#697873

#3AECB2

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

#3AECB2

#04CF8D

#376959

#5FA18B

#01855A

#3AECB2

#2B6351

#649C89

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

#3AECB2

#B23AEC

#ECB23A

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

#EC3B3A

#3AECB2

#EC3AAF

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

#3AECB2

#593AEC

#EC3A74

#CDEC3A

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

#3AECB2

#EC3A74

#3AECB2

#B0ECD8

#3AECB2

#19664D

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

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

#3AECB2

#3AECB2 の色情報

#3AECB2 の色相別色一覧

#3AECB2 の彩度別色一覧

#3AECB2 の明度別色一覧

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

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

#3AECB2 を使ったカマイユ

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

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

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

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

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

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

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