#075356

#075356

Color Values

HEX

#075356

RGB

7, 83, 86

HSL

182.3, 84.9%, 18.2%

HSV

182.3, 91.9%, 33.7%

CMYK

91.9%, 3.5%, 0.0%, 66.3%

OKLCH

0.4028 0.0661 199.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#075356

#560A07

Analogous

#075631

#072B56

#075356

Triadic

#075356

#560753

#535607

Split Complementary

#075356

#56072B

#563107

Tetradic

#075356

#310756

#560A07

#2B5607

Color Blindness Simulation

Original

#075356

Protanopia

#282955

Deuteranopia

#241E55

Tritanopia

#0B5555

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BDF7FA
300
#8EF2F6
400
#51EBF1
500
#13E3EC
600
#0FB6BD
700
#0C9297
800
#0A7276
900
#0B5355
950
#073436

Contrast Checker

Text on white

8.82:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026