#65CECF

#65CECF

Color Values

HEX

#65CECF

RGB

101, 206, 207

HSL

180.6, 52.5%, 60.4%

HSV

180.6, 51.2%, 81.2%

CMYK

51.2%, 0.5%, 0.0%, 18.8%

OKLCH

0.7898 0.0972 196.2

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#65CECF

#CF6665

Analogous

#65CF9B

#6599CF

#65CECF

Triadic

#65CECF

#CF65CE

#CECF65

Split Complementary

#65CECF

#CF6599

#CF9B65

Tetradic

#65CECF

#9B65CF

#CF6665

#99CF65

Color Blindness Simulation

Original

#65CECF

Protanopia

#9293CF

Deuteranopia

#8C84CF

Tritanopia

#6ACFCF

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEEE
300
#A2E1E2
400
#6FD1D2
500
#3DC1C2
600
#309A9C
700
#277C7C
800
#1E6161
900
#1A4747
950
#102D2D

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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