#23ACB2

#23ACB2

Color Values

HEX

#23ACB2

RGB

35, 172, 178

HSL

182.5, 67.1%, 41.8%

HSV

182.5, 80.3%, 69.8%

CMYK

80.3%, 3.4%, 0.0%, 30.2%

OKLCH

0.6794 0.1089 199.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#23ACB2

#B22923

Analogous

#23B271

#2365B2

#23ACB2

Triadic

#23ACB2

#B223AC

#ACB223

Split Complementary

#23ACB2

#B22365

#B27123

Tetradic

#23ACB2

#7123B2

#B22923

#65B223

Color Blindness Simulation

Original

#23ACB2

Protanopia

#5E60B1

Deuteranopia

#564CB0

Tritanopia

#2AAFAF

Achromatopsia

#8F8F8F

CSS Usage

background-color: #23ACB2;
color: #23ACB2;
border-color: #23ACB2;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C3F1F3
300
#99E7EB
400
#61DBE0
500
#2ACED5
600
#22A5AA
700
#1B8488
800
#15676B
900
#134B4E
950
#0C3031

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.62:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026