#124F45

#124F45

Color Values

HEX

#124F45

RGB

18, 79, 69

HSL

170,2, 62,9%, 19,0%

HSV

170,2, 77,2%, 31,0%

CMYK

77,2%, 0,0%, 12,7%, 69,0%

OKLCH

0,3868 0,0627 179,4

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#124F45

#4F121C

Analogous

#124F26

#123A4F

#124F45

Triadic

#124F45

#45124F

#4F4512

Split Complementary

#124F45

#4F123A

#4F2612

Tetradic

#124F45

#26124F

#4F121C

#3A4F12

Color Blindness Simulation

Original

#124F45

Protanopia

#2C2D47

Deuteranopia

#292448

Tritanopia

#15494A

Achromatopsia

#414141

CSS Usage

background-color: #124F45;
color: #124F45;
border-color: #124F45;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F3FBFA
100
#E4F7F4
200
#C5F2EA
300
#9BE8DC
400
#65DCC9
500
#2FD0B5
600
#26A691
700
#1E8574
800
#18685B
900
#154C43
950
#0D302A

Contrast Checker

Text on white

9,42:1

AA Pass AAA Pass

Text on black

2,23: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