#64DFEE

#64DFEE

Color Values

HEX

#64DFEE

RGB

100, 223, 238

HSL

186.5, 80.2%, 66.3%

HSV

186.5, 58.0%, 93.3%

CMYK

58.0%, 6.3%, 0.0%, 6.7%

OKLCH

0.8396 0.1109 206.2

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#64DFEE

#EE7364

Analogous

#64EEB8

#649AEE

#64DFEE

Triadic

#64DFEE

#EE64DF

#DFEE64

Split Complementary

#64DFEE

#EE649A

#EEB864

Tetradic

#64DFEE

#B864EE

#EE7364

#9AEE64

Color Blindness Simulation

Original

#64DFEE

Protanopia

#999AEA

Deuteranopia

#9289EA

Tritanopia

#6AE8E7

Achromatopsia

#C6C6C6

CSS Usage

background-color: #64DFEE;
color: #64DFEE;
border-color: #64DFEE;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FBFD
100
#E1F7F9
200
#BFF2F8
300
#91E8F3
400
#55DCEC
500
#19D0E6
600
#14A6B8
700
#108593
800
#0D6873
900
#0D4C53
950
#093035

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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