#64B796

#64B796

Color Values

HEX

#64B796

RGB

100, 183, 150

HSL

156.1, 36.6%, 55.5%

HSV

156.1, 45.4%, 71.8%

CMYK

45.4%, 0.0%, 18.0%, 28.2%

OKLCH

0.7173 0.0956 166.0

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#64B796

#B76485

Analogous

#64B76C

#64AFB7

#64B796

Triadic

#64B796

#9664B7

#B79664

Split Complementary

#64B796

#B764AF

#B76C64

Tetradic

#64B796

#6C64B7

#B76485

#AFB764

Color Blindness Simulation

Original

#64B796

Protanopia

#88899E

Deuteranopia

#837DA0

Tritanopia

#68A4A6

Achromatopsia

#A3A3A3

CSS Usage

background-color: #64B796;
color: #64B796;
border-color: #64B796;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CEE8DE
300
#ABD8C6
400
#7EC3A8
500
#51AE89
600
#418B6E
700
#346F58
800
#285744
900
#204034
950
#152921

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.76:1

AA Pass AAA Pass

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