#2F5652

#2F5652

Color Values

HEX

#2F5652

RGB

47, 86, 82

HSL

173,8, 29,3%, 26,1%

HSV

173,8, 45,3%, 33,7%

CMYK

45,3%, 0,0%, 4,7%, 66,3%

OKLCH

0,423 0,045 187,2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2F5652

#562F33

Analogous

#2F563F

#2F4756

#2F5652

Triadic

#2F5652

#522F56

#56522F

Split Complementary

#2F5652

#562F47

#563F2F

Tetradic

#2F5652

#3F2F56

#562F33

#47562F

Color Blindness Simulation

Original

#2F5652

Protanopia

#404053

Deuteranopia

#3E3B53

Tritanopia

#315454

Achromatopsia

#4D4D4D

CSS Usage

background-color: #2F5652;
color: #2F5652;
border-color: #2F5652;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E4
300
#B0D4D0
400
#85BCB7
500
#5AA59D
600
#48847E
700
#3A6A65
800
#2D524F
900
#243D3B
950
#172725

Contrast Checker

Text on white

8,16:1

AA Pass AAA Pass

Text on black

2,57:1

AA Fail 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