#2E8F84

#2E8F84

Color Values

HEX

#2E8F84

RGB

46, 143, 132

HSL

173.2, 51.3%, 37.1%

HSV

173.2, 67.8%, 56.1%

CMYK

67.8%, 0.0%, 7.7%, 43.9%

OKLCH

0.5915 0.09 184.3

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#2E8F84

#8F2E39

Analogous

#2E8F54

#2E6A8F

#2E8F84

Triadic

#2E8F84

#842E8F

#8F842E

Split Complementary

#2E8F84

#8F2E6A

#8F542E

Tetradic

#2E8F84

#542E8F

#8F2E39

#6A8F2E

Color Blindness Simulation

Original

#2E8F84

Protanopia

#585987

Deuteranopia

#524B87

Tritanopia

#338989

Achromatopsia

#7A7A7A

CSS Usage

background-color: #2E8F84;
color: #2E8F84;
border-color: #2E8F84;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C9EEE9
300
#A2E1DA
400
#70D1C6
500
#3EC1B2
600
#329A8E
700
#287B72
800
#1F6059
900
#1A4742
950
#102D2A

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.38:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026