#07857F

#07857F

Color Values

HEX

#07857F

RGB

7, 133, 127

HSL

177.1, 90.0%, 27.5%

HSV

177.1, 94.7%, 52.2%

CMYK

94.7%, 0.0%, 4.5%, 47.8%

OKLCH

0.5568 0.0951 189.2

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#07857F

#85070D

Analogous

#078540

#074C85

#07857F

Triadic

#07857F

#7F0785

#857F07

Split Complementary

#07857F

#85074C

#854007

Tetradic

#07857F

#400785

#85070D

#4C8507

Color Blindness Simulation

Original

#07857F

Protanopia

#3E3F80

Deuteranopia

#362D81

Tritanopia

#0D8282

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBF9
200
#BBFBF8
300
#8BF9F4
400
#4CF6ED
500
#0DF2E7
600
#0AC2B9
700
#089B94
800
#067974
900
#095854
950
#063735

Contrast Checker

Text on white

4.5:1

AA Fail AAA Fail

Text on black

4.67:1

AA Pass 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