#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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026