#3C85E7

#3C85E7

Color Values

HEX

#3C85E7

RGB

60, 133, 231

HSL

214.4, 78.1%, 57.1%

HSV

214.4, 74.0%, 90.6%

CMYK

74.0%, 42.4%, 0.0%, 9.4%

OKLCH

0.6199 0.165 256.8

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#3C85E7

#E79E3C

Analogous

#3CDBE7

#493CE7

#3C85E7

Triadic

#3C85E7

#E73C85

#85E73C

Split Complementary

#3C85E7

#E7493C

#DBE73C

Tetradic

#3C85E7

#E73CDB

#E79E3C

#3CE749

Color Blindness Simulation

Original

#3C85E7

Protanopia

#5C5CCF

Deuteranopia

#5752CA

Tritanopia

#40BDB8

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EBF9
200
#BFD7F7
300
#92BBF2
400
#5796EA
500
#1C71E3
600
#165AB6
700
#124891
800
#0E3872
900
#0E2B53
950
#091B34

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass 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