#12766F

#12766F

Color Values

HEX

#12766F

RGB

18, 118, 111

HSL

175.8, 73.5%, 26.7%

HSV

175.8, 84.7%, 46.3%

CMYK

84.7%, 0.0%, 5.9%, 53.7%

OKLCH

0.5117 0.0849 187.4

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#12766F

#761219

Analogous

#12763D

#124B76

#12766F

Triadic

#12766F

#6F1276

#766F12

Split Complementary

#12766F

#76124B

#763D12

Tetradic

#12766F

#3D1276

#761219

#4B7612

Color Blindness Simulation

Original

#12766F

Protanopia

#3D3E71

Deuteranopia

#383071

Tritanopia

#177272

Achromatopsia

#606060

CSS Usage

background-color: #12766F;
color: #12766F;
border-color: #12766F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFB
100
#E2F8F7
200
#C1F6F2
300
#95EFE8
400
#5BE6DC
500
#22DDD0
600
#1BB1A6
700
#168E85
800
#116F68
900
#10504C
950
#0A3330

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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