#318AEB

#318AEB

Color Values

HEX

#318AEB

RGB

49, 138, 235

HSL

211.3, 82.3%, 55.7%

HSV

211.3, 79.1%, 92.2%

CMYK

79.1%, 41.3%, 0.0%, 7.8%

OKLCH

0.6301 0.1679 253.7

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#318AEB

#EB9231

Analogous

#31E7EB

#3531EB

#318AEB

Triadic

#318AEB

#EB318A

#8AEB31

Split Complementary

#318AEB

#EB3531

#E7EB31

Tetradic

#318AEB

#EB31E7

#EB9231

#31EB35

Color Blindness Simulation

Original

#318AEB

Protanopia

#5858D4

Deuteranopia

#524CCE

Tritanopia

#35C1BD

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDAF9
300
#8FC0F4
400
#539DEE
500
#177BE8
600
#1262BA
700
#0E4F95
800
#0B3D74
900
#0D2F54
950
#081E35

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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