#318CEF

#318CEF

Color Values

HEX

#318CEF

RGB

49, 140, 239

HSL

211.3, 85.6%, 56.5%

HSV

211.3, 79.5%, 93.7%

CMYK

79.5%, 41.4%, 0.0%, 6.3%

OKLCH

0.6369 0.1707 253.7

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#318CEF

#EF9431

Analogous

#31EBEF

#3531EF

#318CEF

Triadic

#318CEF

#EF318C

#8CEF31

Split Complementary

#318CEF

#EF3531

#EBEF31

Tetradic

#318CEF

#EF31EB

#EF9431

#31EF35

Color Blindness Simulation

Original

#318CEF

Protanopia

#5859D7

Deuteranopia

#534CD1

Tritanopia

#36C4C0

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAFA
300
#8DC0F6
400
#509DF1
500
#127BED
600
#0F62BD
700
#0C4F97
800
#093D76
900
#0B2F56
950
#071E36

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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