#293368

#293368

Color Values

HEX

#293368

RGB

41, 51, 104

HSL

230.5, 43.4%, 28.4%

HSV

230.5, 60.6%, 40.8%

CMYK

60.6%, 51.0%, 0.0%, 59.2%

OKLCH

0.3424 0.0928 272.6

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#293368

#685E29

Analogous

#295268

#3E2968

#293368

Triadic

#293368

#682933

#336829

Split Complementary

#293368

#683E29

#526829

Tetradic

#293368

#682952

#685E29

#29683E

Color Blindness Simulation

Original

#293368

Protanopia

#2D2D5B

Deuteranopia

#2D2C58

Tritanopia

#29514F

Achromatopsia

#353535

CSS Usage

background-color: #293368;
color: #293368;
border-color: #293368;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E7E9F4
200
#CCD1EB
300
#A7B0DC
400
#7885CA
500
#485AB7
600
#3A4892
700
#2E3975
800
#242D5B
900
#1E2443
950
#13162B

Contrast Checker

Text on white

11.88:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026