#1F423E

#1F423E

Color Values

HEX

#1F423E

RGB

31, 66, 62

HSL

173.1, 36.1%, 19.0%

HSV

173.1, 53.0%, 25.9%

CMYK

53.0%, 0.0%, 6.1%, 74.1%

OKLCH

0.3515 0.0414 185.9

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#1F423E

#421F23

Analogous

#1F422C

#1F3442

#1F423E

Triadic

#1F423E

#3E1F42

#423E1F

Split Complementary

#1F423E

#421F34

#422C1F

Tetradic

#1F423E

#2C1F42

#421F23

#34421F

Color Blindness Simulation

Original

#1F423E

Protanopia

#2E2E3F

Deuteranopia

#2C2A3F

Tritanopia

#214040

Achromatopsia

#3A3A3A

CSS Usage

background-color: #1F423E;
color: #1F423E;
border-color: #1F423E;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CEE8E5
300
#ACD8D3
400
#7FC3BB
500
#51AEA3
600
#418B82
700
#346F68
800
#295751
900
#21403D
950
#152926

Contrast Checker

Text on white

11.01:1

AA Pass AAA Pass

Text on black

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