#25ACB2

#25ACB2

Color Values

HEX

#25ACB2

RGB

37, 172, 178

HSL

182.6, 65.6%, 42.2%

HSV

182.6, 79.2%, 69.8%

CMYK

79.2%, 3.4%, 0.0%, 30.2%

OKLCH

0.6797 0.1083 199.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#25ACB2

#B22B25

Analogous

#25B272

#2565B2

#25ACB2

Triadic

#25ACB2

#B225AC

#ACB225

Split Complementary

#25ACB2

#B22565

#B27225

Tetradic

#25ACB2

#7225B2

#B22B25

#65B225

Color Blindness Simulation

Original

#25ACB2

Protanopia

#5F61B1

Deuteranopia

#584EB0

Tritanopia

#2CAFAF

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F1F3
300
#9AE6EA
400
#63D9DF
500
#2CCCD3
600
#23A3A9
700
#1C8287
800
#16666A
900
#144B4D
950
#0D2F31

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026