#292DF4

#292DF4

Color Values

HEX

#292DF4

RGB

41, 45, 244

HSL

238.8, 90.2%, 55.9%

HSV

238.8, 83.2%, 95.7%

CMYK

83.2%, 81.6%, 0.0%, 4.3%

OKLCH

0.4744 0.2777 268.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#292DF4

#F4F029

Analogous

#2993F4

#8A29F4

#292DF4

Triadic

#292DF4

#F4292D

#2DF429

Split Complementary

#292DF4

#F48A29

#93F429

Tetradic

#292DF4

#F42993

#F4F029

#29F48A

Color Blindness Simulation

Original

#292DF4

Protanopia

#2B2BC4

Deuteranopia

#2A2AB8

Tritanopia

#299E95

Achromatopsia

#3B3B3B

CSS Usage

background-color: #292DF4;
color: #292DF4;
border-color: #292DF4;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBCFC
300
#8B8DF9
400
#4C4FF6
500
#0C11F3
600
#0A0EC2
700
#080B9B
800
#060979
900
#090B58
950
#060737

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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