#074345

#074345

Color Values

HEX

#074345

RGB

7, 67, 69

HSL

181.9, 81.6%, 14.9%

HSV

181.9, 89.9%, 27.1%

CMYK

89.9%, 2.9%, 0.0%, 72.9%

OKLCH

0.3491 0.0562 198.4

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#074345

#450907

Analogous

#074528

#072445

#074345

Triadic

#074345

#450743

#434507

Split Complementary

#074345

#450724

#452807

Tetradic

#074345

#280745

#450907

#244507

Color Blindness Simulation

Original

#074345

Protanopia

#212245

Deuteranopia

#1E1944

Tritanopia

#0A4444

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F9FA
200
#BEF7F8
300
#90F1F4
400
#54E9EE
500
#17E1E8
600
#13B4B9
700
#0F9094
800
#0C7074
900
#0D5254
950
#083435

Contrast Checker

Text on white

11.07:1

AA Pass AAA Pass

Text on black

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