#280949

#280949

Color Values

HEX

#280949

RGB

40, 9, 73

HSL

269.1, 78.0%, 16.1%

HSV

269.1, 87.7%, 28.6%

CMYK

45.2%, 87.7%, 0.0%, 71.4%

OKLCH

0.2379 0.1086 299.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#280949

#2A4909

Analogous

#090A49

#480949

#280949

Triadic

#280949

#492809

#094928

Split Complementary

#280949

#494809

#0A4909

Tetradic

#280949

#49090A

#2A4909

#094948

Color Blindness Simulation

Original

#280949

Protanopia

#1B1A3A

Deuteranopia

#1C1F36

Tritanopia

#262D2B

Achromatopsia

#141414

CSS Usage

background-color: #280949;
color: #280949;
border-color: #280949;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F7F2FC
100
#EDE1F9
200
#DABFF7
300
#C092F2
400
#9E57EA
500
#7D1CE3
600
#6416B6
700
#501291
800
#3E0E71
900
#2F0E52
950
#1E0934

Contrast Checker

Text on white

17.14:1

AA Pass AAA Pass

Text on black

1.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026