#258FEC

#258FEC

Color Values

HEX

#258FEC

RGB

37, 143, 236

HSL

208.0, 84.0%, 53.5%

HSV

208.0, 84.3%, 92.5%

CMYK

84.3%, 39.4%, 0.0%, 7.5%

OKLCH

0.639 0.1668 250.4

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#258FEC

#EC8225

Analogous

#25ECE5

#252BEC

#258FEC

Triadic

#258FEC

#EC258F

#8FEC25

Split Complementary

#258FEC

#EC252B

#ECE525

Tetradic

#258FEC

#E525EC

#EC8225

#2BEC25

Color Blindness Simulation

Original

#258FEC

Protanopia

#5354D6

Deuteranopia

#4D45D0

Tritanopia

#2AC4C0

Achromatopsia

#7F7F7F

CSS Usage

background-color: #258FEC;
color: #258FEC;
border-color: #258FEC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDF9
300
#8EC5F5
400
#51A6F0
500
#1487EB
600
#106CBC
700
#0D5696
800
#0A4375
900
#0C3355
950
#072036

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.22:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026