#375CD4

#375CD4

Color Values

HEX

#375CD4

RGB

55, 92, 212

HSL

225,9, 64,6%, 52,4%

HSV

225,9, 74,1%, 83,1%

CMYK

74,1%, 56,6%, 0,0%, 16,9%

OKLCH

0,52 0,1895 266,6

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#375CD4

#D4AF37

Analogous

#37AAD4

#6137D4

#375CD4

Triadic

#375CD4

#D4375C

#5CD437

Split Complementary

#375CD4

#D46137

#AAD437

Tetradic

#375CD4

#D437AA

#D4AF37

#37D461

Color Blindness Simulation

Original

#375CD4

Protanopia

#4747B7

Deuteranopia

#4542B0

Tritanopia

#39A09B

Achromatopsia

#5D5D5D

CSS Usage

background-color: #375CD4;
color: #375CD4;
border-color: #375CD4;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C4CFF2
300
#9AADE9
400
#6480DE
500
#2D54D2
600
#2443A8
700
#1D3686
800
#172A69
900
#14224D
950
#0D1530

Contrast Checker

Text on white

5,76:1

AA Pass AAA Fail

Text on black

3,64: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