#348BE0

#348BE0

Color Values

HEX

#348BE0

RGB

52, 139, 224

HSL

209.7, 73.5%, 54.1%

HSV

209.7, 76.8%, 87.8%

CMYK

76.8%, 37.9%, 0.0%, 12.2%

OKLCH

0.6264 0.1523 251.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#348BE0

#E08934

Analogous

#34E0DF

#3435E0

#348BE0

Triadic

#348BE0

#E0348B

#8BE034

Split Complementary

#348BE0

#E03435

#E0DF34

Tetradic

#348BE0

#DF34E0

#E08934

#35E034

Color Blindness Simulation

Original

#348BE0

Protanopia

#5A5ACB

Deuteranopia

#554EC6

Tritanopia

#38BBB8

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DCF6
300
#95C2EF
400
#5BA1E6
500
#2280DD
600
#1B67B1
700
#16528E
800
#11406F
900
#103150
950
#0A1F33

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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