#074A4D

#074A4D

Color Values

HEX

#074A4D

RGB

7, 74, 77

HSL

182.6, 83.3%, 16.5%

HSV

182.6, 90.9%, 30.2%

CMYK

90.9%, 3.9%, 0.0%, 69.8%

OKLCH

0.373 0.0606 199.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#074A4D

#4D0A07

Analogous

#074D2D

#07274D

#074A4D

Triadic

#074A4D

#4D074A

#4A4D07

Split Complementary

#074A4D

#4D0727

#4D2D07

Tetradic

#074A4D

#2D074D

#4D0A07

#274D07

Color Blindness Simulation

Original

#074A4D

Protanopia

#24254C

Deuteranopia

#201B4C

Tritanopia

#0A4C4C

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F9FA
200
#BEF6F9
300
#8FF0F5
400
#52E8EF
500
#15E1EA
600
#11B4BB
700
#0E9096
800
#0B7075
900
#0C5255
950
#083436

Contrast Checker

Text on white

10.02:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026