#267E76

#267E76

Color Values

HEX

#267E76

RGB

38, 126, 118

HSL

174.5, 53.7%, 32.2%

HSV

174.5, 69.8%, 49.4%

CMYK

69.8%, 0.0%, 6.3%, 50.6%

OKLCH

0.5399 0.0823 186.3

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#267E76

#7E262E

Analogous

#267E4A

#265A7E

#267E76

Triadic

#267E76

#76267E

#7E7626

Split Complementary

#267E76

#7E265A

#7E4A26

Tetradic

#267E76

#4A267E

#7E262E

#5A7E26

Color Blindness Simulation

Original

#267E76

Protanopia

#4C4D78

Deuteranopia

#474078

Tritanopia

#2A797A

Achromatopsia

#6B6B6B

CSS Usage

background-color: #267E76;
color: #267E76;
border-color: #267E76;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EEEB
300
#A1E3DD
400
#6ED3CA
500
#3BC4B7
600
#2F9D93
700
#267D75
800
#1E625C
900
#194844
950
#102D2B

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026