#25BABC

#25BABC

Color Values

HEX

#25BABC

RGB

37, 186, 188

HSL

180,8, 67,1%, 44,1%

HSV

180,8, 80,3%, 73,7%

CMYK

80,3%, 1,1%, 0,0%, 26,3%

OKLCH

0,7182 0,1158 196,3

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#25BABC

#BC2725

Analogous

#25BC72

#256EBC

#25BABC

Triadic

#25BABC

#BC25BA

#BABC25

Split Complementary

#25BABC

#BC256E

#BC7225

Tetradic

#25BABC

#7225BC

#BC2725

#6EBC25

Color Blindness Simulation

Original

#25BABC

Protanopia

#6667BC

Deuteranopia

#5D52BB

Tritanopia

#2CBBBB

Achromatopsia

#9A9A9A

CSS Usage

background-color: #25BABC;
color: #25BABC;
border-color: #25BABC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F3
300
#99EAEB
400
#61DEE0
500
#2AD3D5
600
#22A9AA
700
#1B8788
800
#15696B
900
#134D4E
950
#0C3131

Contrast Checker

Text on white

2,38:1

AA Fail AAA Fail

Text on black

8,83: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