#383AFD

#383AFD

Color Values

HEX

#383AFD

RGB

56, 58, 253

HSL

239.4, 98.0%, 60.6%

HSV

239.4, 77.9%, 99.2%

CMYK

77.9%, 77.1%, 0.0%, 0.8%

OKLCH

0.5053 0.2742 270.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#383AFD

#FDFB38

Analogous

#389CFD

#9938FD

#383AFD

Triadic

#383AFD

#FD383A

#3AFD38

Split Complementary

#383AFD

#FD9938

#9CFD38

Tetradic

#383AFD

#FD389C

#FDFB38

#38FD99

Color Blindness Simulation

Original

#383AFD

Protanopia

#3939CE

Deuteranopia

#3939C2

Tritanopia

#38A9A0

Achromatopsia

#484848

CSS Usage

background-color: #383AFD;
color: #383AFD;
border-color: #383AFD;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8B9FE
300
#8687FE
400
#4446FD
500
#0305FC
600
#0204CA
700
#0203A2
800
#01037E
900
#06075B
950
#04043A

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

3.19:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026