#65ECFE

#65ECFE

Color Values

HEX

#65ECFE

RGB

101, 236, 254

HSL

187,1, 98,7%, 69,6%

HSV

187,1, 60,2%, 99,6%

CMYK

60,2%, 7,1%, 0,0%, 0,4%

OKLCH

0,8753 0,1192 207,3

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#65ECFE

#FE7765

Analogous

#65FEC4

#659FFE

#65ECFE

Triadic

#65ECFE

#FE65EC

#ECFE65

Split Complementary

#65ECFE

#FE659F

#FEC465

Tetradic

#65ECFE

#C465FE

#FE7765

#9FFE65

Color Blindness Simulation

Original

#65ECFE

Protanopia

#9FA1FA

Deuteranopia

#988EF9

Tritanopia

#6CF6F5

Achromatopsia

#D1D1D1

CSS Usage

background-color: #65ECFE;
color: #65ECFE;
border-color: #65ECFE;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FCFE
100
#DEF9FC
200
#B8F6FF
300
#85F0FE
400
#44E8FE
500
#02E0FD
600
#01B3CB
700
#018FA2
800
#01707F
900
#05515B
950
#03333A

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

14,98: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