#3F8085

#3F8085

Color Values

HEX

#3F8085

RGB

63, 128, 133

HSL

184.3, 35.7%, 38.4%

HSV

184.3, 52.6%, 52.2%

CMYK

52.6%, 3.8%, 0.0%, 47.8%

OKLCH

0.5593 0.0667 202.1

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#3F8085

#85443F

Analogous

#3F8567

#3F5D85

#3F8085

Triadic

#3F8085

#853F80

#80853F

Split Complementary

#3F8085

#853F5D

#85673F

Tetradic

#3F8085

#673F85

#85443F

#5D853F

Color Blindness Simulation

Original

#3F8085

Protanopia

#5B5C84

Deuteranopia

#575284

Tritanopia

#428383

Achromatopsia

#737373

CSS Usage

background-color: #3F8085;
color: #3F8085;
border-color: #3F8085;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CFE6E8
300
#ACD5D8
400
#7FBEC2
500
#52A6AD
600
#42858A
700
#346B6F
800
#295357
900
#213E40
950
#152728

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.64: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