#25BADA

#25BADA

Color Values

HEX

#25BADA

RGB

37, 186, 218

HSL

190.6, 71.0%, 50.0%

HSV

190.6, 83.0%, 85.5%

CMYK

83.0%, 14.7%, 0.0%, 14.5%

OKLCH

0.7298 0.1236 217.0

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#25BADA

#DA4525

Analogous

#25DA9F

#2560DA

#25BADA

Triadic

#25BADA

#DA25BA

#BADA25

Split Complementary

#25BADA

#DA2560

#DA9F25

Tetradic

#25BADA

#9F25DA

#DA4525

#60DA25

Color Blindness Simulation

Original

#25BADA

Protanopia

#6667D2

Deuteranopia

#5D52D0

Tritanopia

#2CCCCB

Achromatopsia

#9D9D9D

CSS Usage

background-color: #25BADA;
color: #25BADA;
border-color: #25BADA;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FAFC
100
#E2F4F8
200
#C2ECF5
300
#96DEED
400
#5ECCE4
500
#25BADA
600
#1E95AE
700
#18778C
800
#125D6D
900
#11444F
950
#0B2B32

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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