#440886

#440886

Color Values

HEX

#440886

RGB

68, 8, 134

HSL

268.6, 88.7%, 27.8%

HSV

268.6, 94.0%, 52.5%

CMYK

49.3%, 94.0%, 0.0%, 47.5%

OKLCH

0.3385 0.1776 295.7

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#440886

#4A8608

Analogous

#080B86

#830886

#440886

Triadic

#440886

#864408

#088644

Split Complementary

#440886

#868308

#0B8608

Tetradic

#440886

#86080B

#4A8608

#088683

Color Blindness Simulation

Original

#440886

Protanopia

#2A2968

Deuteranopia

#2E3260

Tritanopia

#414F4A

Achromatopsia

#1E1E1E

CSS Usage

background-color: #440886;
color: #440886;
border-color: #440886;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F2FD
100
#EDE0FB
200
#DABCFB
300
#BF8CF8
400
#9D4DF4
500
#7A0EF1
600
#620CC0
700
#4E099A
800
#3D0778
900
#2F0A57
950
#1D0637

Contrast Checker

Text on white

12.92:1

AA Pass AAA Pass

Text on black

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