#2525F6

#2525F6

Color Values

HEX

#2525F6

RGB

37, 37, 246

HSL

240.0, 92.1%, 55.5%

HSV

240.0, 85.0%, 96.5%

CMYK

85.0%, 85.0%, 0.0%, 3.5%

OKLCH

0.4677 0.2858 268.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2525F6

#F6F625

Analogous

#258EF6

#8E25F6

#2525F6

Triadic

#2525F6

#F62525

#25F625

Split Complementary

#2525F6

#F68E25

#8EF625

Tetradic

#2525F6

#F6258E

#F6F625

#25F68E

Color Blindness Simulation

Original

#2525F6

Protanopia

#2525C3

Deuteranopia

#2525B7

Tritanopia

#259B93

Achromatopsia

#343434

CSS Usage

background-color: #2525F6;
color: #2525F6;
border-color: #2525F6;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABAFC
300
#8989FA
400
#4A4AF8
500
#0A0AF5
600
#0808C4
700
#06069D
800
#05057A
900
#080859
950
#050538

Contrast Checker

Text on white

7.85:1

AA Pass AAA Pass

Text on black

2.67:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026