#074D56

#074D56

Color Values

HEX

#074D56

RGB

7, 77, 86

HSL

186.8, 84.9%, 18.2%

HSV

186.8, 91.9%, 33.7%

CMYK

91.9%, 10.5%, 0.0%, 66.3%

OKLCH

0.3857 0.0638 208.8

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#074D56

#561007

Analogous

#075637

#072556

#074D56

Triadic

#074D56

#56074D

#4D5607

Split Complementary

#074D56

#560725

#563707

Tetradic

#074D56

#370756

#561007

#255607

Color Blindness Simulation

Original

#074D56

Protanopia

#252654

Deuteranopia

#211C53

Tritanopia

#0A5252

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF3FA
300
#8EEAF6
400
#51DFF1
500
#13D3EC
600
#0FA9BD
700
#0C8797
800
#0A6A76
900
#0B4D55
950
#073136

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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