#1F604C

#1F604C

Color Values

HEX

#1F604C

RGB

31, 96, 76

HSL

161.5, 51.2%, 24.9%

HSV

161.5, 67.7%, 37.6%

CMYK

67.7%, 0.0%, 20.8%, 62.4%

OKLCH

0.4419 0.0737 169.1

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#1F604C

#601F33

Analogous

#1F602B

#1F5460

#1F604C

Triadic

#1F604C

#4C1F60

#604C1F

Split Complementary

#1F604C

#601F54

#602B1F

Tetradic

#1F604C

#2B1F60

#601F33

#54601F

Color Blindness Simulation

Original

#1F604C

Protanopia

#3B3C51

Deuteranopia

#373252

Tritanopia

#225556

Achromatopsia

#515151

CSS Usage

background-color: #1F604C;
color: #1F604C;
border-color: #1F604C;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F4FBF9
100
#E5F5F0
200
#C9EEE2
300
#A2E1CE
400
#70D1B3
500
#3EC199
600
#329A7A
700
#287B62
800
#1F604C
900
#1A4739
950
#102D24

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

2.84:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026