#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026