#331DAF

#331DAF

Color Values

HEX

#331DAF

RGB

51, 29, 175

HSL

249,0, 71,6%, 40,0%

HSV

249,0, 83,4%, 68,6%

CMYK

70,9%, 83,4%, 0,0%, 31,4%

OKLCH

0,3838 0,2104 276,7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#331DAF

#99AF1D

Analogous

#1D50AF

#7C1DAF

#331DAF

Triadic

#331DAF

#AF331D

#1DAF33

Split Complementary

#331DAF

#AF7C1D

#50AF1D

Tetradic

#331DAF

#AF1D50

#99AF1D

#1DAF7C

Color Blindness Simulation

Original

#331DAF

Protanopia

#29298C

Deuteranopia

#2B2C83

Tritanopia

#32706A

Achromatopsia

#2C2C2C

CSS Usage

background-color: #331DAF;
color: #331DAF;
border-color: #331DAF;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F4F3FC
100
#E6E2F8
200
#C9C2F5
300
#A396EE
400
#715DE4
500
#4024DB
600
#331DAF
700
#29178C
800
#20126D
900
#1B1150
950
#110B32

Contrast Checker

Text on white

10,85:1

AA Pass AAA Pass

Text on black

1,94:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026