#B698E3

#B698E3

Color Values

HEX

#B698E3

RGB

182, 152, 227

HSL

264.0, 57.3%, 74.3%

HSV

264.0, 33.0%, 89.0%

CMYK

19.8%, 33.0%, 0.0%, 11.0%

OKLCH

0.7342 0.1105 302.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B698E3

#C5E398

Analogous

#989FE3

#DC98E3

#B698E3

Triadic

#B698E3

#E3B698

#98E3B6

Split Complementary

#B698E3

#E3DC98

#9FE398

Tetradic

#B698E3

#E3989F

#C5E398

#98E3DC

Color Blindness Simulation

Original

#B698E3

Protanopia

#A9A9D1

Deuteranopia

#ABADCC

Tritanopia

#B4C3BF

Achromatopsia

#A4A4A4

CSS Usage

background-color: #B698E3;
color: #B698E3;
border-color: #B698E3;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F4FB
100
#EBE4F6
200
#D7C7F0
300
#BB9FE5
400
#966BD7
500
#7136C9
600
#5A2CA0
700
#482380
800
#381B64
900
#2B1749
950
#1B0F2E

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.59:1

AA Pass AAA Pass

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