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

#3AE2B0 の色情報

#3AE2B0

画像
HEX	#3AE2B0
RGB	R:58 G:226 B:176
RGBの割合	R:22.7% G:88.6% B:69.0%
HSV	H:162.1 S:74.3 V:88.6
HSL	H:162.1 S:74.3 L:55.7
CMY	C:77.3 M:11.4 Y:31.0

CMYK	C:74.3 M:0.0 Y:22.1 K:11.4
YCbCr	Y:162.1 Cb:130.9 Cr:57.8
XYZ	X:36.8 Y:58.4 Z:50.4
xyY	x:0.253 y:0.401 Y:58.4

CIE Lab	L:81.0 a:-53.6 b*:12.5
CIE LCh	L:81.0 C:55.1 h:166.9
CIE Luv	L:81.0 u:-62.9 v*:27.1
Hunter Lab	L:76.4 a:-47.9 b:14.4

#3AE2B0 の色相別色一覧

#E25C3A

#E2863A

#E2B03A

#E2DA3A

#C0E23A

#96E23A

#6CE23A

#42E23A

#3AE25C

#3AE286

#3AE2B0

#3AE2DA

#3AC0E2

#3A96E2

#3A6CE2

#3A42E2

#5C3AE2

#863AE2

#B03AE2

#DA3AE2

#E23AC0

#E23A96

#E23A6C

#E23A42

#3AE2B0 の彩度別色一覧

#D8E2DF

#CDE2DC

#C2E2D8

#B6E2D5

#ABE2D2

#A0E2CE

#94E2CB

#89E2C8

#7EE2C4

#73E2C1

#67E2BD

#5CE2BA

#51E2B7

#45E2B3

#3AE2B0

#2FE2AD

#23E2A9

#18E2A6

#0DE2A3

#02E29F

#3AE2B0 の明度別色一覧

#020907

#061611

#09231B

#0C3025

#0F3C2F

#134939

#165643

#19634D

#1D6F57

#207C61

#23896A

#269674

#2AA27E

#2DAF88

#30BC92

#33C99C

#37D5A6

#3AE2B0

#3DEFBA

#41FCC4

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

#3AE2B0

#224A41

#39A37E

#0B7354

#3AB38B

#0B5447

#2D9967

#3AE2B0

#0E6B5C

#29BDA4

#124D35

#13B59A

#3AE2B0

#1F735D

#20997F

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

#A1E732

#3AE2B0

#F16656

#B03FC9

#3660EC

#CE5D24

#2D3CE5

#3AE2B0

#EA4DEC

#9ED345

#3054F6

#DF3DE5

#3AE2B0

#CE4320

#82CB46

#3AE2B0 を使ったカマイユ

#39FCB5

#33D8B4

#3CD39E

#3AE2B0

#2FDAAD

#35EAAB

#3AE2B0

#24D592

#27F9AC

#35DF9E

#36ECAA

#46E5AB

#28CE8F

#3AE2B0

#32F1BC

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

#1CBCAC

#3CDAD3

#3AE2B0

#4CC392

#20FF90

#3CD086

#17D599

#49D3A1

#3AE2B0

#4EFFE5

#37C98A

#63FFE8

#4CDA8F

#27DA9C

#3AE2B0

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

#3EA889

#2E735E

#223832

#3AE2B0

#636B69

#CCEBE2

#3AE2B0

#869E97

#123329

#50A189

#9CD6C5

#2F9174

#3AE2B0

#89C7B5

#03A877

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

#0D5943

#3AE2B0

#5CBDA0

#52A189

#3AE2B0

#0D8F68

#17AD81

#3AE2B0

#3E7363

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

#3AE2B0

#B03AE2

#E2B03A

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

#E2403A

#3AE2B0

#E23AA4

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

#3AE2B0

#5C3AE2

#E23A6C

#C0E23A

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

#3AE2B0

#E23A6C

#3AE2B0

#ABE2D2

#3AE2B0

#1A664F

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

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

#3AE2B0

#3AE2B0 の色情報

#3AE2B0 の色相別色一覧

#3AE2B0 の彩度別色一覧

#3AE2B0 の明度別色一覧

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

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

#3AE2B0 を使ったカマイユ

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

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

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

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

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

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

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