#124136

#124136

Color Values

HEX

#124136

RGB

18, 65, 54

HSL

166.0, 56.6%, 16.3%

HSV

166.0, 72.3%, 25.5%

CMYK

72.3%, 0.0%, 16.9%, 74.5%

OKLCH

0.3401 0.0541 174.4

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#124136

#41121D

Analogous

#12411F

#123541

#124136

Triadic

#124136

#361241

#413612

Split Complementary

#124136

#411235

#411F12

Tetradic

#124136

#1F1241

#41121D

#354112

Color Blindness Simulation

Original

#124136

Protanopia

#262739

Deuteranopia

#242039

Tritanopia

#143B3B

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E5F6F2
200
#C7F0E6
300
#9FE4D4
400
#6BD6BD
500
#37C8A6
600
#2CA085
700
#23806A
800
#1C6453
900
#18493E
950
#0F2E27

Contrast Checker

Text on white

11.44:1

AA Pass AAA Pass

Text on black

1.84:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026