#318AE3

#318AE3

Color Values

HEX

#318AE3

RGB

49, 138, 227

HSL

210.0, 76.1%, 54.1%

HSV

210.0, 78.4%, 89.0%

CMYK

78.4%, 39.2%, 0.0%, 11.0%

OKLCH

0.6251 0.1579 252.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#318AE3

#E38A31

Analogous

#31E3E3

#3131E3

#318AE3

Triadic

#318AE3

#E3318A

#8AE331

Split Complementary

#318AE3

#E33131

#E3E331

Tetradic

#318AE3

#E331E3

#E38A31

#31E331

Color Blindness Simulation

Original

#318AE3

Protanopia

#5858CD

Deuteranopia

#524CC8

Tritanopia

#35BCB9

Achromatopsia

#7E7E7E

CSS Usage

background-color: #318AE3;
color: #318AE3;
border-color: #318AE3;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C0DBF6
300
#93C2F0
400
#59A1E8
500
#1E80E1
600
#1866B4
700
#145290
800
#0F4070
900
#0F3052
950
#0A1F34

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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