#074F56

#074F56

Color Values

HEX

#074F56

RGB

7, 79, 86

HSL

185.3, 84.9%, 18.2%

HSV

185.3, 91.9%, 33.7%

CMYK

91.9%, 8.1%, 0.0%, 66.3%

OKLCH

0.3914 0.0643 205.5

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#074F56

#560E07

Analogous

#075635

#072756

#074F56

Triadic

#074F56

#56074F

#4F5607

Split Complementary

#074F56

#560727

#563507

Tetradic

#074F56

#350756

#560E07

#275607

Color Blindness Simulation

Original

#074F56

Protanopia

#262754

Deuteranopia

#221D54

Tritanopia

#0B5353

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BDF4FA
300
#8EEDF6
400
#51E3F1
500
#13D9EC
600
#0FADBD
700
#0C8B97
800
#0A6C76
900
#0B4F55
950
#073236

Contrast Checker

Text on white

9.28:1

AA Pass AAA Pass

Text on black

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