#3F6558

#3F6558

Color Values

HEX

#3F6558

RGB

63, 101, 88

HSL

159.5, 23.2%, 32.2%

HSV

159.5, 37.6%, 39.6%

CMYK

37.6%, 0.0%, 12.9%, 60.4%

OKLCH

0.474 0.0485 170.6

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#3F6558

#653F4C

Analogous

#3F6545

#3F5F65

#3F6558

Triadic

#3F6558

#583F65

#65583F

Split Complementary

#3F6558

#653F5F

#65453F

Tetradic

#3F6558

#453F65

#653F4C

#5F653F

Color Blindness Simulation

Original

#3F6558

Protanopia

#4F505B

Deuteranopia

#4D4A5C

Tritanopia

#415E5E

Achromatopsia

#5C5C5C

CSS Usage

background-color: #3F6558;
color: #3F6558;
border-color: #3F6558;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E4DE
300
#B4D0C6
400
#8BB7A8
500
#629D89
600
#4E7E6D
700
#3F6558
800
#314F44
900
#263B34
950
#182521

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

3.21:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026