#25ACA9

#25ACA9

Color Values

HEX

#25ACA9

RGB

37, 172, 169

HSL

178.7, 64.6%, 41.0%

HSV

178.7, 78.5%, 67.5%

CMYK

78.5%, 0.0%, 1.7%, 32.5%

OKLCH

0.6765 0.1086 192.6

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#25ACA9

#AC2528

Analogous

#25AC66

#256BAC

#25ACA9

Triadic

#25ACA9

#A925AC

#ACA925

Split Complementary

#25ACA9

#AC256B

#AC6625

Tetradic

#25ACA9

#6625AC

#AC2528

#6BAC25

Color Blindness Simulation

Original

#25ACA9

Protanopia

#5F61AA

Deuteranopia

#584EAA

Tritanopia

#2CAAAA

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F7
200
#C4F2F1
300
#9AE9E8
400
#64DEDB
500
#2DD2CE
600
#24A8A5
700
#1D8684
800
#176967
900
#144D4B
950
#0D3030

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.55:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026