#771BB0

#771BB0

Color Values

HEX

#771BB0

RGB

119, 27, 176

HSL

277.0, 73.4%, 39.8%

HSV

277.0, 84.7%, 69.0%

CMYK

32.4%, 84.7%, 0.0%, 31.0%

OKLCH

0.4561 0.2135 307.2

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#771BB0

#54B01B

Analogous

#2C1BB0

#B01B9F

#771BB0

Triadic

#771BB0

#B0771B

#1BB077

Split Complementary

#771BB0

#9FB01B

#1BB02C

Tetradic

#771BB0

#B02C1B

#54B01B

#1B9FB0

Color Blindness Simulation

Original

#771BB0

Protanopia

#4F4E8C

Deuteranopia

#545B83

Tritanopia

#726F69

Achromatopsia

#393939

CSS Usage

background-color: #771BB0;
color: #771BB0;
border-color: #771BB0;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FC
100
#F0E2F8
200
#E1C1F6
300
#CC95EF
400
#B15BE6
500
#9522DD
600
#771BB1
700
#60168D
800
#4B116F
900
#381050
950
#230A33

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

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