#64918F

#64918F

Color Values

HEX

#64918F

RGB

100, 145, 143

HSL

177.3, 18.4%, 48.0%

HSV

177.3, 31.0%, 56.9%

CMYK

31.0%, 0.0%, 1.4%, 43.1%

OKLCH

0.6236 0.049 192.5

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#64918F

#916466

Analogous

#649178

#647C91

#64918F

Triadic

#64918F

#8F6491

#918F64

Split Complementary

#64918F

#91647C

#917864

Tetradic

#64918F

#786491

#916466

#7C9164

Color Blindness Simulation

Original

#64918F

Protanopia

#77788F

Deuteranopia

#757290

Tritanopia

#669090

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D5E2E1
300
#B7CDCC
400
#8FB2B0
500
#689795
600
#537977
700
#43615F
800
#344B4A
900
#283838
950
#1A2423

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass 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