#427762

#427762

Color Values

HEX

#427762

RGB

66, 119, 98

HSL

156.2, 28.6%, 36.3%

HSV

156.2, 44.5%, 46.7%

CMYK

44.5%, 0.0%, 17.6%, 53.3%

OKLCH

0.5258 0.0665 166.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#427762

#774257

Analogous

#427748

#427277

#427762

Triadic

#427762

#624277

#776242

Split Complementary

#427762

#774272

#774842

Tetradic

#427762

#484277

#774257

#727742

Color Blindness Simulation

Original

#427762

Protanopia

#595967

Deuteranopia

#565268

Tritanopia

#456B6C

Achromatopsia

#6A6A6A

CSS Usage

background-color: #427762;
color: #427762;
border-color: #427762;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F8
100
#E9F1EE
200
#D1E6DD
300
#B0D3C5
400
#86BCA6
500
#5BA487
600
#49836C
700
#3A6956
800
#2E5244
900
#243D33
950
#172620

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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