#3C8EEA

#3C8EEA

Color Values

HEX

#3C8EEA

RGB

60, 142, 234

HSL

211.7, 80.6%, 57.6%

HSV

211.7, 74.4%, 91.8%

CMYK

74.4%, 39.3%, 0.0%, 8.2%

OKLCH

0.6413 0.1593 253.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#3C8EEA

#EA983C

Analogous

#3CE5EA

#413CEA

#3C8EEA

Triadic

#3C8EEA

#EA3C8E

#8EEA3C

Split Complementary

#3C8EEA

#EA413C

#E5EA3C

Tetradic

#3C8EEA

#EA3CE5

#EA983C

#3CEA41

Color Blindness Simulation

Original

#3C8EEA

Protanopia

#6060D4

Deuteranopia

#5B55CE

Tritanopia

#40C2BE

Achromatopsia

#838383

CSS Usage

background-color: #3C8EEA;
color: #3C8EEA;
border-color: #3C8EEA;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E1ECF9
200
#BFDAF8
300
#90BFF3
400
#559CED
500
#197AE6
600
#1461B8
700
#104E93
800
#0C3D73
900
#0D2E54
950
#081D35

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026