#65BCAF

#65BCAF

Color Values

HEX

#65BCAF

RGB

101, 188, 175

HSL

171.0, 39.4%, 56.7%

HSV

171.0, 46.3%, 73.7%

CMYK

46.3%, 0.0%, 6.9%, 26.3%

OKLCH

0.737 0.0868 183.1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#65BCAF

#BC6572

Analogous

#65BC84

#659EBC

#65BCAF

Triadic

#65BCAF

#AF65BC

#BCAF65

Split Complementary

#65BCAF

#BC659E

#BC8465

Tetradic

#65BCAF

#8465BC

#BC6572

#9EBC65

Color Blindness Simulation

Original

#65BCAF

Protanopia

#8B8BB2

Deuteranopia

#867FB3

Tritanopia

#69B5B5

Achromatopsia

#A9A9A9

CSS Usage

background-color: #65BCAF;
color: #65BCAF;
border-color: #65BCAF;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CDE9E5
300
#AADAD3
400
#7BC6BB
500
#4DB2A3
600
#3E8E82
700
#317268
800
#275951
900
#1F423C
950
#142926

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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