#077067

#077067

Color Values

HEX

#077067

RGB

7, 112, 103

HSL

174.9, 88.2%, 23.3%

HSV

174.9, 93.8%, 43.9%

CMYK

93.8%, 0.0%, 8.0%, 56.1%

OKLCH

0.491 0.0849 185.1

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#077067

#700710

Analogous

#077033

#074470

#077067

Triadic

#077067

#670770

#706707

Split Complementary

#077067

#700744

#703307

Tetradic

#077067

#330770

#700710

#447007

Color Blindness Simulation

Original

#077067

Protanopia

#343569

Deuteranopia

#2E266A

Tritanopia

#0C6B6B

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FBF8
200
#BCFBF5
300
#8CF8EF
400
#4DF4E6
500
#0FF0DD
600
#0CC0B1
700
#0A9A8D
800
#08786E
900
#0A5750
950
#063733

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

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