#074D48

#074D48

Color Values

HEX

#074D48

RGB

7, 77, 72

HSL

175.7, 83.3%, 16.5%

HSV

175.7, 90.9%, 30.2%

CMYK

90.9%, 0.0%, 6.5%, 69.8%

OKLCH

0.3798 0.0635 187.1

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#074D48

#4D070C

Analogous

#074D25

#072F4D

#074D48

Triadic

#074D48

#48074D

#4D4807

Split Complementary

#074D48

#4D072F

#4D2507

Tetradic

#074D48

#25074D

#4D070C

#2F4D07

Color Blindness Simulation

Original

#074D48

Protanopia

#252649

Deuteranopia

#211C4A

Tritanopia

#0A4A4A

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1FAF8
200
#BEF9F5
300
#8FF5ED
400
#52EFE4
500
#15EADA
600
#11BBAF
700
#0E968C
800
#0B756D
900
#0C5550
950
#083632

Contrast Checker

Text on white

9.7:1

AA Pass AAA Pass

Text on black

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