#345EFF

#345EFF

Color Values

HEX

#345EFF

RGB

52, 94, 255

HSL

227.6, 100.0%, 60.2%

HSV

227.6, 79.6%, 100.0%

CMYK

79.6%, 63.1%, 0.0%, 0.0%

OKLCH

0.5588 0.2425 266.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#345EFF

#FFD534

Analogous

#34C3FF

#7034FF

#345EFF

Triadic

#345EFF

#FF345E

#5EFF34

Split Complementary

#345EFF

#FF7034

#C3FF34

Tetradic

#345EFF

#FF34C3

#FFD534

#34FF70

Color Blindness Simulation

Original

#345EFF

Protanopia

#4647D8

Deuteranopia

#4441CF

Tritanopia

#36B9B3

Achromatopsia

#616161

CSS Usage

background-color: #345EFF;
color: #345EFF;
border-color: #345EFF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F4FE
100
#DEE4FC
200
#B8C6FF
300
#859EFF
400
#4269FF
500
#0035FF
600
#002ACC
700
#0022A3
800
#001A80
900
#05175C
950
#030E3A

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

4.19:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026