#355BCA

#355BCA

Color Values

HEX

#355BCA

RGB

53, 91, 202

HSL

224.7, 58.4%, 50.0%

HSV

224.7, 73.8%, 79.2%

CMYK

73.8%, 55.0%, 0.0%, 20.8%

OKLCH

0.5093 0.178 265.9

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#355BCA

#CAA435

Analogous

#35A5CA

#5A35CA

#355BCA

Triadic

#355BCA

#CA355B

#5BCA35

Split Complementary

#355BCA

#CA5A35

#A5CA35

Tetradic

#355BCA

#CA35A5

#CAA435

#35CA5A

Color Blindness Simulation

Original

#355BCA

Protanopia

#4546AF

Deuteranopia

#4340A9

Tritanopia

#379A95

Achromatopsia

#5B5B5B

CSS Usage

background-color: #355BCA;
color: #355BCA;
border-color: #355BCA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E4E9F6
200
#C6D1F0
300
#9EB0E6
400
#6A86D8
500
#355BCA
600
#2A49A2
700
#223A81
800
#1B2E65
900
#17244A
950
#0F172F

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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