#075256

#075256

Color Values

HEX

#075256

RGB

7, 82, 86

HSL

183.0, 84.9%, 18.2%

HSV

183.0, 91.9%, 33.7%

CMYK

91.9%, 4.7%, 0.0%, 66.3%

OKLCH

0.4 0.0656 200.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#075256

#560B07

Analogous

#075632

#072A56

#075256

Triadic

#075256

#560752

#525607

Split Complementary

#075256

#56072A

#563207

Tetradic

#075256

#320756

#560B07

#2A5607

Color Blindness Simulation

Original

#075256

Protanopia

#272855

Deuteranopia

#231D55

Tritanopia

#0B5454

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BDF7FA
300
#8EF1F6
400
#51E9F1
500
#13E1EC
600
#0FB4BD
700
#0C9097
800
#0A7076
900
#0B5255
950
#073436

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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