#375AD2

#375AD2

Color Values

HEX

#375AD2

RGB

55, 90, 210

HSL

226.5, 63.3%, 52.0%

HSV

226.5, 73.8%, 82.4%

CMYK

73.8%, 57.1%, 0.0%, 17.6%

OKLCH

0.5145 0.1893 267.0

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#375AD2

#D2AF37

Analogous

#37A7D2

#6237D2

#375AD2

Triadic

#375AD2

#D2375A

#5AD237

Split Complementary

#375AD2

#D26237

#A7D237

Tetradic

#375AD2

#D237A7

#D2AF37

#37D262

Color Blindness Simulation

Original

#375AD2

Protanopia

#4646B5

Deuteranopia

#4442AE

Tritanopia

#399E99

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E8F7
200
#C5CFF2
300
#9BACE9
400
#6580DC
500
#2F53D0
600
#2542A7
700
#1E3585
800
#172A68
900
#15214C
950
#0D1530

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026