#53CFCC

#53CFCC

Color Values

HEX

#53CFCC

RGB

83, 207, 204

HSL

178,5, 56,4%, 56,9%

HSV

178,5, 59,9%, 81,2%

CMYK

59,9%, 0,0%, 1,4%, 18,8%

OKLCH

0,7851 0,1091 192,9

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#53CFCC

#CF5356

Analogous

#53CF8E

#5394CF

#53CFCC

Triadic

#53CFCC

#CC53CF

#CFCC53

Split Complementary

#53CFCC

#CF5394

#CF8E53

Tetradic

#53CFCC

#8E53CF

#CF5356

#94CF53

Color Blindness Simulation

Original

#53CFCC

Protanopia

#898ACD

Deuteranopia

#8278CD

Tritanopia

#59CDCD

Achromatopsia

#B4B4B4

CSS Usage

background-color: #53CFCC;
color: #53CFCC;
border-color: #53CFCC;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFEE
300
#9FE4E3
400
#6BD6D3
500
#38C7C4
600
#2CA09D
700
#24807D
800
#1C6462
900
#184948
950
#0F2E2D

Contrast Checker

Text on white

1,88:1

AA Fail AAA Fail

Text on black

11,16: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