#064D53

#064D53

Color Values

HEX

#064D53

RGB

6, 77, 83

HSL

184.7, 86.5%, 17.5%

HSV

184.7, 92.8%, 32.5%

CMYK

92.8%, 7.2%, 0.0%, 67.5%

OKLCH

0.3842 0.0633 204.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#064D53

#530C06

Analogous

#065333

#062753

#064D53

Triadic

#064D53

#53064D

#4D5306

Split Complementary

#064D53

#530627

#533306

Tetradic

#064D53

#330653

#530C06

#275306

Color Blindness Simulation

Original

#064D53

Protanopia

#252552

Deuteranopia

#211B51

Tritanopia

#0A5050

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BCF5FA
300
#8DEEF7
400
#4FE5F2
500
#11DDEE
600
#0EB0BE
700
#0B8D98
800
#096E77
900
#0B5056
950
#073336

Contrast Checker

Text on white

9.57:1

AA Pass AAA Pass

Text on black

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