#25BC80

#25BC80

Color Values

HEX

#25BC80

RGB

37, 188, 128

HSL

156.2, 67.1%, 44.1%

HSV

156.2, 80.3%, 73.7%

CMYK

80.3%, 0.0%, 31.9%, 26.3%

OKLCH

0.7058 0.1498 160.4

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#25BC80

#BC2561

Analogous

#25BC35

#25ACBC

#25BC80

Triadic

#25BC80

#8025BC

#BC8025

Split Complementary

#25BC80

#BC25AC

#BC3525

Tetradic

#25BC80

#3525BC

#BC2561

#ACBC25

Color Blindness Simulation

Original

#25BC80

Protanopia

#66688F

Deuteranopia

#5E5292

Tritanopia

#2D9A9C

Achromatopsia

#989898

CSS Usage

background-color: #25BC80;
color: #25BC80;
border-color: #25BC80;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C3F3E0
300
#99EBCA
400
#61E0AE
500
#2AD591
600
#22AA74
700
#1B885D
800
#156B49
900
#134E36
950
#0C3122

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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