#1F5644

#1F5644

Color Values

HEX

#1F5644

RGB

31, 86, 68

HSL

160.4, 47.0%, 22.9%

HSV

160.4, 64.0%, 33.7%

CMYK

64.0%, 0.0%, 20.9%, 66.3%

OKLCH

0.4109 0.0657 168.4

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#1F5644

#561F31

Analogous

#1F5628

#1F4C56

#1F5644

Triadic

#1F5644

#441F56

#56441F

Split Complementary

#1F5644

#561F4C

#56281F

Tetradic

#1F5644

#281F56

#561F31

#4C561F

Color Blindness Simulation

Original

#1F5644

Protanopia

#373748

Deuteranopia

#343049

Tritanopia

#224C4D

Achromatopsia

#494949

CSS Usage

background-color: #1F5644;
color: #1F5644;
border-color: #1F5644;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F4FAF8
100
#E6F4F0
200
#CBECE1
300
#A5DFCC
400
#74CDB0
500
#44BB94
600
#369677
700
#2B785F
800
#225E4A
900
#1C4538
950
#122C23

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

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