#276860

#276860

Color Values

HEX

#276860

RGB

39, 104, 96

HSL

172.6, 45.5%, 28.0%

HSV

172.6, 62.5%, 40.8%

CMYK

62.5%, 0.0%, 7.7%, 59.2%

OKLCH

0.4734 0.067 184.1

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#276860

#68272F

Analogous

#27683F

#274F68

#276860

Triadic

#276860

#602768

#686027

Split Complementary

#276860

#68274F

#683F27

Tetradic

#276860

#3F2768

#68272F

#4F6827

Color Blindness Simulation

Original

#276860

Protanopia

#434462

Deuteranopia

#3F3A62

Tritanopia

#2A6364

Achromatopsia

#5A5A5A

CSS Usage

background-color: #276860;
color: #276860;
border-color: #276860;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F4FAFA
100
#E6F4F2
200
#CBECE8
300
#A6DED7
400
#76CCC1
500
#45BAAB
600
#389489
700
#2C776E
800
#235D56
900
#1D443F
950
#122B28

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026