#348DEE

#348DEE

Color Values

HEX

#348DEE

RGB

52, 141, 238

HSL

211.3, 84.5%, 56.9%

HSV

211.3, 78.2%, 93.3%

CMYK

78.2%, 40.8%, 0.0%, 6.7%

OKLCH

0.6393 0.1676 253.6

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#348DEE

#EE9534

Analogous

#34EAEE

#3834EE

#348DEE

Triadic

#348DEE

#EE348D

#8DEE34

Split Complementary

#348DEE

#EE3834

#EAEE34

Tetradic

#348DEE

#EE34EA

#EE9534

#34EE38

Color Blindness Simulation

Original

#348DEE

Protanopia

#5B5BD7

Deuteranopia

#554FD1

Tritanopia

#38C4C0

Achromatopsia

#818181

CSS Usage

background-color: #348DEE;
color: #348DEE;
border-color: #348DEE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAF9
300
#8EC0F6
400
#519DF0
500
#147BEB
600
#1062BC
700
#0D4F97
800
#0A3D76
900
#0C2F55
950
#071E36

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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