#064B48

#064B48

Color Values

HEX

#064B48

RGB

6, 75, 72

HSL

177.4, 85.2%, 15.9%

HSV

177.4, 92.0%, 29.4%

CMYK

92.0%, 0.0%, 4.0%, 70.6%

OKLCH

0.3737 0.0621 190.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#064B48

#4B0609

Analogous

#064B26

#062C4B

#064B48

Triadic

#064B48

#48064B

#4B4806

Split Complementary

#064B48

#4B062C

#4B2606

Tetradic

#064B48

#26064B

#4B0609

#2C4B06

Color Blindness Simulation

Original

#064B48

Protanopia

#242449

Deuteranopia

#201B49

Tritanopia

#094949

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF9
200
#BDFAF7
300
#8EF6F1
400
#50F1EA
500
#13ECE3
600
#0FBDB5
700
#0C9791
800
#097671
900
#0B5652
950
#073634

Contrast Checker

Text on white

9.96:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026