#23DCD3

#23DCD3

Color Values

HEX

#23DCD3

RGB

35, 220, 211

HSL

177.1, 72.5%, 50.0%

HSV

177.1, 84.1%, 86.3%

CMYK

84.1%, 0.0%, 4.1%, 13.7%

OKLCH

0.8091 0.1352 189.4

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#23DCD3

#DC232C

Analogous

#23DC77

#2388DC

#23DCD3

Triadic

#23DCD3

#D323DC

#DCD323

Split Complementary

#23DCD3

#DC2388

#DC7723

Tetradic

#23DCD3

#7723DC

#DC232C

#88DC23

Color Blindness Simulation

Original

#23DCD3

Protanopia

#7375D5

Deuteranopia

#685AD6

Tritanopia

#2CD7D7

Achromatopsia

#B4B4B4

CSS Usage

background-color: #23DCD3;
color: #23DCD3;
border-color: #23DCD3;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C1F5F3
300
#95EEEA
400
#5CE5DE
500
#23DCD3
600
#1CB0A9
700
#168D87
800
#126E6A
900
#11504D
950
#0B3331

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026