#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026