#25C5DA

#25C5DA

Color Values

HEX

#25C5DA

RGB

37, 197, 218

HSL

187.0, 71.0%, 50.0%

HSV

187.0, 83.0%, 85.5%

CMYK

83.0%, 9.6%, 0.0%, 14.5%

OKLCH

0.7562 0.1243 209.0

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#25C5DA

#DA3A25

Analogous

#25DA95

#256ADA

#25C5DA

Triadic

#25C5DA

#DA25C5

#C5DA25

Split Complementary

#25C5DA

#DA256A

#DA9525

Tetradic

#25C5DA

#9525DA

#DA3A25

#6ADA25

Color Blindness Simulation

Original

#25C5DA

Protanopia

#6A6CD5

Deuteranopia

#6155D4

Tritanopia

#2DD1D0

Achromatopsia

#A5A5A5

CSS Usage

background-color: #25C5DA;
color: #25C5DA;
border-color: #25C5DA;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C2EFF5
300
#96E3ED
400
#5ED4E4
500
#25C5DA
600
#1E9EAE
700
#187E8C
800
#12626D
900
#11484F
950
#0B2E32

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.08: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