HEX Color #00662C (Seagreen)

About #00662C

At its core, #00662C is a dark and vivid hue. Designers often compare it to the standard color Seagreen. Its digital footprint relies on 0 parts red, 102 parts green, and 44 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 100% Cyan, 0% Magenta, 57% Yellow, and 60% Black. The HSL representation is 145.9° hue, 100.0% saturation, and 20.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#00662C

RGB0, 102, 44

HSL145.9°, 100.0%, 20.0%

CMYK100%, 0%, 57%, 60%

HSV145.9°, 100.0%, 40.0%

LAB37.3, -39.7, 25.5

XYZ5.2, 9.7, 4.0

Decimal26156

Color Harmonies

Complementary

#00662C #66003A

Analogous

#076600 #00665F

Triadic

#2B0066 #662B00

Tetradic

#000666 #66003A #665F00

Tints, Shades & Tones

Tints (Adding White)

#00662C

#1C7743

#38885A

#559972

#71AA89

#8DBBA1

#AACCB8

#C6DDD0

#E2EEE7

#FFFFFF

Shades (Adding Black)

#00662C

#005A27

#004F22

#00441D

#003818

#002D13

#00220E

#001609

#000B04

#000000

WCAG Contrast Accessibility

7.15:1

Text on #FFFFFF

AAA

2.94:1

Text on #000000

FAIL

6.83:1

Text on #F8FAFC

AA

2.50:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #00662C; }

.text-color { color: #00662C; }

.border-color { border: 2px solid #00662C; }

Similar Colors

Seagreen

#2E8B57