#075556

#075556

Color Values

HEX

#075556

RGB

7, 85, 86

HSL

180.8, 84.9%, 18.2%

HSV

180.8, 91.9%, 33.7%

CMYK

91.9%, 1.2%, 0.0%, 66.3%

OKLCH

0.4085 0.0673 196.3

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#075556

#560807

Analogous

#07562F

#072D56

#075556

Triadic

#075556

#560755

#555607

Split Complementary

#075556

#56072D

#562F07

Tetradic

#075556

#2F0756

#560807

#2D5607

Color Blindness Simulation

Original

#075556

Protanopia

#292956

Deuteranopia

#241E56

Tritanopia

#0B5656

Achromatopsia

#444444

CSS Usage

background-color: #075556;
color: #075556;
border-color: #075556;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDF9FA
300
#8EF4F6
400
#51EFF1
500
#13E9EC
600
#0FBABD
700
#0C9597
800
#0A7476
900
#0B5455
950
#073536

Contrast Checker

Text on white

8.6:1

AA Pass AAA Pass

Text on black

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