#B895F4

#B895F4

Color Values

HEX

#B895F4

RGB

184, 149, 244

HSL

262.1, 81.2%, 77.1%

HSV

262.1, 38.9%, 95.7%

CMYK

24.6%, 38.9%, 0.0%, 4.3%

OKLCH

0.7385 0.138 300.0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#B895F4

#D1F495

Analogous

#95A2F4

#E895F4

#B895F4

Triadic

#B895F4

#F4B895

#95F4B8

Split Complementary

#B895F4

#F4E895

#A2F495

Tetradic

#B895F4

#F495A2

#D1F495

#95F4E8

Color Blindness Simulation

Original

#B895F4

Protanopia

#A9A9DD

Deuteranopia

#ABADD7

Tritanopia

#B6CBC7

Achromatopsia

#A3A3A3

CSS Usage

background-color: #B895F4;
color: #B895F4;
border-color: #B895F4;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F2FD
100
#EAE1F9
200
#D4BEF8
300
#B590F3
400
#8C54ED
500
#6418E7
600
#5013B9
700
#400F94
800
#320C74
900
#270D54
950
#190835

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.64:1

AA Pass AAA Pass

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