#124F3E

#124F3E

Color Values

HEX

#124F3E

RGB

18, 79, 62

HSL

163.3, 62.9%, 19.0%

HSV

163.3, 77.2%, 31.0%

CMYK

77.2%, 0.0%, 21.5%, 69.0%

OKLCH

0.3845 0.0676 170.1

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#124F3E

#4F1223

Analogous

#124F1F

#12414F

#124F3E

Triadic

#124F3E

#3E124F

#4F3E12

Split Complementary

#124F3E

#4F1241

#4F1F12

Tetradic

#124F3E

#1F124F

#4F1223

#414F12

Color Blindness Simulation

Original

#124F3E

Protanopia

#2C2D42

Deuteranopia

#292443

Tritanopia

#154546

Achromatopsia

#414141

CSS Usage

background-color: #124F3E;
color: #124F3E;
border-color: #124F3E;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F3FBF9
100
#E4F7F1
200
#C5F2E5
300
#9BE8D3
400
#65DCBB
500
#2FD0A3
600
#26A682
700
#1E8568
800
#186852
900
#154C3D
950
#0D3026

Contrast Checker

Text on white

9.49:1

AA Pass AAA Pass

Text on black

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