#64B68F

#64B68F

Color Values

HEX

#64B68F

RGB

100, 182, 143

HSL

151.5, 36.0%, 55.3%

HSV

151.5, 45.1%, 71.4%

CMYK

45.1%, 0.0%, 21.4%, 28.6%

OKLCH

0.7131 0.0998 161.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#64B68F

#B6648B

Analogous

#64B666

#64B4B6

#64B68F

Triadic

#64B68F

#8F64B6

#B68F64

Split Complementary

#64B68F

#B664B4

#B66664

Tetradic

#64B68F

#6664B6

#B6648B

#B4B664

Color Blindness Simulation

Original

#64B68F

Protanopia

#888898

Deuteranopia

#837D9B

Tritanopia

#68A0A2

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DC
300
#ACD8C3
400
#7FC3A2
500
#52AD82
600
#418B68
700
#346F53
800
#295741
900
#214031
950
#15291F

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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