#23C6CC

#23C6CC

Color Values

HEX

#23C6CC

RGB

35, 198, 204

HSL

182.1, 70.7%, 46.9%

HSV

182.1, 82.8%, 80.0%

CMYK

82.8%, 2.9%, 0.0%, 20.0%

OKLCH

0.7531 0.1227 198.9

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#23C6CC

#CC2923

Analogous

#23CC7E

#2372CC

#23C6CC

Triadic

#23C6CC

#CC23C6

#C6CC23

Split Complementary

#23C6CC

#CC2372

#CC7E23

Tetradic

#23C6CC

#7E23CC

#CC2923

#72CC23

Color Blindness Simulation

Original

#23C6CC

Protanopia

#6A6BCB

Deuteranopia

#6054CA

Tritanopia

#2BC9C9

Achromatopsia

#A4A4A4

CSS Usage

background-color: #23C6CC;
color: #23C6CC;
border-color: #23C6CC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C2F3F5
300
#97EAED
400
#5EDFE3
500
#25D3DA
600
#1EA9AE
700
#18878B
800
#136A6D
900
#124D4F
950
#0B3132

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

10.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026