#64EBAC

#64EBAC

Color Values

HEX

#64EBAC

RGB

100, 235, 172

HSL

152.0, 77.1%, 65.7%

HSV

152.0, 57.4%, 92.2%

CMYK

57.4%, 0.0%, 26.8%, 7.8%

OKLCH

0.8487 0.1493 160.4

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#64EBAC

#EB64A3

Analogous

#64EB69

#64E6EB

#64EBAC

Triadic

#64EBAC

#AC64EB

#EBAC64

Split Complementary

#64EBAC

#EB64E6

#EB6964

Tetradic

#64EBAC

#6964EB

#EB64A3

#E6EB64

Color Blindness Simulation

Original

#64EBAC

Protanopia

#9EA0BB

Deuteranopia

#978CBF

Tritanopia

#6BC7CA

Achromatopsia

#CACACA

CSS Usage

background-color: #64EBAC;
color: #64EBAC;
border-color: #64EBAC;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FCF8
100
#E1F9EE
200
#C0F7DD
300
#93F1C5
400
#58E9A5
500
#1DE286
600
#17B56B
700
#139156
800
#0F7143
900
#0F5233
950
#093420

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026