#064C48

#064C48

Color Values

HEX

#064C48

RGB

6, 76, 72

HSL

176.6, 85.4%, 16.1%

HSV

176.6, 92.1%, 29.8%

CMYK

92.1%, 0.0%, 5.3%, 70.2%

OKLCH

0.3766 0.063 188.6

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#064C48

#4C060A

Analogous

#064C25

#062D4C

#064C48

Triadic

#064C48

#48064C

#4C4806

Split Complementary

#064C48

#4C062D

#4C2506

Tetradic

#064C48

#25064C

#4C060A

#2D4C06

Color Blindness Simulation

Original

#064C48

Protanopia

#242549

Deuteranopia

#201B49

Tritanopia

#0A4A4A

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF9
200
#BDFAF6
300
#8EF6F0
400
#50F1E8
500
#13ECE0
600
#0FBDB3
700
#0C978F
800
#097670
900
#0B5651
950
#073633

Contrast Checker

Text on white

9.84:1

AA Pass AAA Pass

Text on black

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