#4F08A1

#4F08A1

Color Values

HEX

#4F08A1

RGB

79, 8, 161

HSL

267.8, 90.5%, 33.1%

HSV

267.8, 95.0%, 63.1%

CMYK

50.9%, 95.0%, 0.0%, 36.9%

OKLCH

0.3805 0.2044 293.9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#4F08A1

#5AA108

Analogous

#080EA1

#9B08A1

#4F08A1

Triadic

#4F08A1

#A14F08

#08A14F

Split Complementary

#4F08A1

#A19B08

#0EA108

Tetradic

#4F08A1

#A1080E

#5AA108

#08A19B

Color Blindness Simulation

Original

#4F08A1

Protanopia

#30307C

Deuteranopia

#343A73

Tritanopia

#4B5F58

Achromatopsia

#222222

CSS Usage

background-color: #4F08A1;
color: #4F08A1;
border-color: #4F08A1;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D9BBFC
300
#BE8AF9
400
#9A4BF6
500
#770CF3
600
#5F0AC2
700
#4C089B
800
#3C0679
900
#2E0958
950
#1D0638

Contrast Checker

Text on white

11.16:1

AA Pass AAA Pass

Text on black

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