#65ACB6

#65ACB6

Color Values

HEX

#65ACB6

RGB

101, 172, 182

HSL

187.4, 35.7%, 55.5%

HSV

187.4, 44.5%, 71.4%

CMYK

44.5%, 5.5%, 0.0%, 28.6%

OKLCH

0.7015 0.0728 207.2

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#65ACB6

#B66F65

Analogous

#65B698

#6584B6

#65ACB6

Triadic

#65ACB6

#B665AC

#ACB665

Split Complementary

#65ACB6

#B66584

#B69865

Tetradic

#65ACB6

#9865B6

#B66F65

#84B665

Color Blindness Simulation

Original

#65ACB6

Protanopia

#8484B4

Deuteranopia

#807AB3

Tritanopia

#69B2B1

Achromatopsia

#9E9E9E

CSS Usage

background-color: #65ACB6;
color: #65ACB6;
border-color: #65ACB6;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CFE5E8
300
#ACD2D8
400
#7FBAC2
500
#52A2AD
600
#42818A
700
#34686F
800
#295157
900
#213C40
950
#152628

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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