#64BEF2

#64BEF2

Color Values

HEX

#64BEF2

RGB

100, 190, 242

HSL

202.0, 84.5%, 67.1%

HSV

202.0, 58.7%, 94.9%

CMYK

58.7%, 21.5%, 0.0%, 5.1%

OKLCH

0.7663 0.1141 236.2

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#64BEF2

#F29864

Analogous

#64F2DF

#6477F2

#64BEF2

Triadic

#64BEF2

#F264BE

#BEF264

Split Complementary

#64BEF2

#F26477

#F2DF64

Tetradic

#64BEF2

#DF64F2

#F29864

#77F264

Color Blindness Simulation

Original

#64BEF2

Protanopia

#8B8CE5

Deuteranopia

#867FE2

Tritanopia

#68DBD9

Achromatopsia

#AFAFAF

CSS Usage

background-color: #64BEF2;
color: #64BEF2;
border-color: #64BEF2;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F9FD
100
#E0F1FA
200
#BDE3F9
300
#8ED0F6
400
#51B6F0
500
#149CEB
600
#107DBC
700
#0D6497
800
#0A4E76
900
#0C3A55
950
#072536

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.19:1

AA Pass AAA Pass

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