#23C1DC

#23C1DC

Color Values

HEX

#23C1DC

RGB

35, 193, 220

HSL

188.8, 72.5%, 50.0%

HSV

188.8, 84.1%, 86.3%

CMYK

84.1%, 12.3%, 0.0%, 13.7%

OKLCH

0.7471 0.1251 213.1

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#23C1DC

#DC3E23

Analogous

#23DC9B

#2364DC

#23C1DC

Triadic

#23C1DC

#DC23C1

#C1DC23

Split Complementary

#23C1DC

#DC2364

#DC9B23

Tetradic

#23C1DC

#9B23DC

#DC3E23

#64DC23

Color Blindness Simulation

Original

#23C1DC

Protanopia

#6769D5

Deuteranopia

#5E52D4

Tritanopia

#2BD0CF

Achromatopsia

#A1A1A1

CSS Usage

background-color: #23C1DC;
color: #23C1DC;
border-color: #23C1DC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C1EEF5
300
#95E1EE
400
#5CD1E5
500
#23C1DC
600
#1C9AB0
700
#167B8D
800
#12606E
900
#114750
950
#0B2D33

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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