#318ACE

#318ACE

Color Values

HEX

#318ACE

RGB

49, 138, 206

HSL

206.0, 61.6%, 50.0%

HSV

206.0, 76.2%, 80.8%

CMYK

76.2%, 33.0%, 0.0%, 19.2%

OKLCH

0.613 0.1324 245.8

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#318ACE

#CE7531

Analogous

#31CEC4

#313BCE

#318ACE

Triadic

#318ACE

#CE318A

#8ACE31

Split Complementary

#318ACE

#CE313B

#CEC431

Tetradic

#318ACE

#C431CE

#CE7531

#3BCE31

Color Blindness Simulation

Original

#318ACE

Protanopia

#5858BE

Deuteranopia

#524CBA

Tritanopia

#35B1AE

Achromatopsia

#7C7C7C

CSS Usage

background-color: #318ACE;
color: #318ACE;
border-color: #318ACE;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FB
100
#E4EEF6
200
#C5DEF1
300
#9CC7E7
400
#67A8DB
500
#318ACE
600
#276EA5
700
#1F5884
800
#184567
900
#16344B
950
#0E2130

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.66:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026