#373F82

#373F82

Color Values

HEX

#373F82

RGB

55, 63, 130

HSL

233.6, 40.5%, 36.3%

HSV

233.6, 57.7%, 51.0%

CMYK

57.7%, 51.5%, 0.0%, 49.0%

OKLCH

0.3979 0.1116 275.0

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#373F82

#827A37

Analogous

#376582

#553782

#373F82

Triadic

#373F82

#82373F

#3F8237

Split Complementary

#373F82

#825537

#658237

Tetradic

#373F82

#823765

#827A37

#378255

Color Blindness Simulation

Original

#373F82

Protanopia

#3A3B72

Deuteranopia

#3A396E

Tritanopia

#376562

Achromatopsia

#424242

CSS Usage

background-color: #373F82;
color: #373F82;
border-color: #373F82;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDD0EA
300
#A9AEDB
400
#7A83C7
500
#4C57B3
600
#3D468F
700
#313873
800
#262B5A
900
#1F2342
950
#13162A

Contrast Checker

Text on white

9.56:1

AA Pass AAA Pass

Text on black

2.2:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026