#2E848F

#2E848F

Color Values

HEX

#2E848F

RGB

46, 132, 143

HSL

186.8, 51.3%, 37.1%

HSV

186.8, 67.8%, 56.1%

CMYK

67.8%, 7.7%, 0.0%, 43.9%

OKLCH

0.5672 0.0817 207.1

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#2E848F

#8F392E

Analogous

#2E8F6A

#2E548F

#2E848F

Triadic

#2E848F

#8F2E84

#848F2E

Split Complementary

#2E848F

#8F2E54

#8F6A2E

Tetradic

#2E848F

#6A2E8F

#8F392E

#548F2E

Color Blindness Simulation

Original

#2E848F

Protanopia

#53548C

Deuteranopia

#4E488C

Tritanopia

#328A8A

Achromatopsia

#737373

CSS Usage

background-color: #2E848F;
color: #2E848F;
border-color: #2E848F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E9EE
300
#A2DAE1
400
#70C6D1
500
#3EB2C1
600
#328E9A
700
#28727B
800
#1F5960
900
#1A4247
950
#102A2D

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026