#384FC7

#384FC7

Color Values

HEX

#384FC7

RGB

56, 79, 199

HSL

230.3, 56.1%, 50.0%

HSV

230.3, 71.9%, 78.0%

CMYK

71.9%, 60.3%, 0.0%, 22.0%

OKLCH

0.4851 0.1877 269.6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#384FC7

#C7B038

Analogous

#3897C7

#6838C7

#384FC7

Triadic

#384FC7

#C7384F

#4FC738

Split Complementary

#384FC7

#C76838

#97C738

Tetradic

#384FC7

#C73897

#C7B038

#38C768

Color Blindness Simulation

Original

#384FC7

Protanopia

#4242AA

Deuteranopia

#413FA3

Tritanopia

#39938E

Achromatopsia

#535353

CSS Usage

background-color: #384FC7;
color: #384FC7;
border-color: #384FC7;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E5E7F6
200
#C7CEEF
300
#9FABE4
400
#6C7DD6
500
#384FC7
600
#2D3F9F
700
#24337F
800
#1C2864
900
#182049
950
#0F142E

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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