#2485EC

#2485EC

Color Values

HEX

#2485EC

RGB

36, 133, 236

HSL

210.9, 84.0%, 53.3%

HSV

210.9, 84.7%, 92.5%

CMYK

84.7%, 43.6%, 0.0%, 7.5%

OKLCH

0.6168 0.1775 254.0

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#2485EC

#EC8B24

Analogous

#24E9EC

#2724EC

#2485EC

Triadic

#2485EC

#EC2485

#85EC24

Split Complementary

#2485EC

#EC2724

#E9EC24

Tetradic

#2485EC

#EC24E9

#EC8B24

#24EC27

Color Blindness Simulation

Original

#2485EC

Protanopia

#4E4FD3

Deuteranopia

#4841CD

Tritanopia

#29BFBB

Achromatopsia

#787878

CSS Usage

background-color: #2485EC;
color: #2485EC;
border-color: #2485EC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAF9
300
#8EC0F5
400
#519EF0
500
#147CEB
600
#1063BC
700
#0D5096
800
#0A3E75
900
#0C2F55
950
#071E36

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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