#12693F

#12693F

Color Values

HEX

#12693F

RGB

18, 105, 63

HSL

151,0, 70,7%, 24,1%

HSV

151,0, 82,9%, 41,2%

CMYK

82,9%, 0,0%, 40,0%, 58,8%

OKLCH

0,461 0,1041 156,2

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#12693F

#69123C

Analogous

#126913

#126769

#12693F

Triadic

#12693F

#3F1269

#693F12

Split Complementary

#12693F

#691267

#691312

Tetradic

#12693F

#131269

#69123C

#676912

Color Blindness Simulation

Original

#12693F

Protanopia

#383849

Deuteranopia

#332C4C

Tritanopia

#165153

Achromatopsia

#535353

CSS Usage

background-color: #12693F;
color: #12693F;
border-color: #12693F;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F3FCF8
100
#E2F8EE
200
#C2F5DC
300
#97EDC3
400
#5EE3A3
500
#25DA83
600
#1EAE68
700
#188B54
800
#136D41
900
#124F31
950
#0B321F

Contrast Checker

Text on white

6,73:1

AA Pass AAA Fail

Text on black

3,12: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