Back Home

1 views

#bf66fb - Color Information

#bf66fb

Base Information

HEX

#bf66fb

RGB

191,102,251

HSL

276,95,69

HSV

276,59,98

CMYK

24,59,0,2

LAB

59,60,-60

LCH

59,85,315

XYZ

44,28,94

Web Safe

#cc66ff

Web Smart

#bb66ff

luminosity

0.2754

is dark color

No

Generate #bf66fb solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

#bf66fb complementary

Colors that are opposite to each other, forming a contrasting pair.

#bf66fb

#A2FB66

#bf66fb splitComplementary

A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#bf66fb

#ECFB66

#66FB75

#bf66fb triadic

Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#bf66fb

#FBBF66

#66FBBF

#bf66fb tetradic

Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#bf66fb

#FB7566

#A2FB66

#66ECFB

#bf66fb analogousComplementary

A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#bf66fb

#A2FB66

#ECFB66

#66FB75

#bf66fb analogous

Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#bf66fb

#FB66EC

#FB66A2

#FB7566

Shades

#bf66fb Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#BF66FB

#C575FB

#CC85FC

#D294FC

#D9A3FD

#DFB3FD

#E5C2FD

#ECD1FE

#F2E0FE

#F9F0FF

#bf66fb Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#BF66FB

#B969EF

#B26BE2

#AC6ED6

#A670CA

#A073BE

#9976B1

#9378A5

#8D7B99

#867D8C

#bf66fb Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#BF66FB

#AC5CE2

#9952C9

#8647B0

#733D97

#60337E

#4C2964

#391F4B

#261432

#130A19

#bf66fb Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#BF66FB

#C55CE2

#CC52C9

#D247B0

#D93D97

#DF337E

#E52964

#EC1F4B

#F21432

#F90A19

#bf66fb Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#BF66FB

#AC69E2

#996BC9

#866EB0

#737097

#60737E

#4C7664

#39784B

#267B32

#137D19

#bf66fb Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#BF66FB

#AC5CFB

#9952FC

#8647FC

#733DFD

#6033FD

#4C29FD

#391FFE

#2614FE

#130AFF

Readability Analysis

#bf66fb as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White3.23A
Sample Text
Black6.51AA
Sample Text
Red1.24Fail
Sample Text
Green1.59Fail
Sample Text
Blue2.66Fail
Sample Text

#bf66fb as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White3.23A
Sample Text
Black6.51AA
Sample Text
Red1.24Fail
Sample Text
Green1.59Fail
Sample Text
Blue2.66Fail
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#797dfe
DeuteranomalyGreen weakness - Anomalous trichromacy#7480f2
TritanomalyBlue weakness - Anomalous trichromacy#b17ab6
ProtanopiaNo red perception - Dichromacy#508aff
DeuteranopiaNo green perception - Dichromacy#4a8fec
TritanopiaNo blue perception - Dichromacy#a8858f
AchromatomalyPartial color blindness - Monochromacy#9979af
AchromatopsiaComplete color blindness - Monochromacy#848484

#bf66fb Color Code

NameCode
#bf66fb css background color code
.bg { background-color: #bf66fb; }
#bf66fb css text color code
.text { color: #bf66fb; }
#bf66fb css border color code
.border { border-color: #bf66fb; }