#65E7F2

#65E7F2

Color Values

HEX

#65E7F2

RGB

101, 231, 242

HSL

184.7, 84.4%, 67.3%

HSV

184.7, 58.3%, 94.9%

CMYK

58.3%, 4.5%, 0.0%, 5.1%

OKLCH

0.8597 0.1146 202.9

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#65E7F2

#F27065

Analogous

#65F2B7

#65A1F2

#65E7F2

Triadic

#65E7F2

#F265E7

#E7F265

Split Complementary

#65E7F2

#F265A1

#F2B765

Tetradic

#65E7F2

#B765F2

#F27065

#A1F265

Color Blindness Simulation

Original

#65E7F2

Protanopia

#9D9EEF

Deuteranopia

#968CEF

Tritanopia

#6BEDED

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BDF5F9
300
#8EEDF5
400
#51E4F0
500
#14DAEB
600
#10AFBC
700
#0D8C96
800
#0A6D76
900
#0C4F55
950
#073236

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.27:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026