#B690CC

#B690CC

Color Values

HEX

#B690CC

RGB

182, 144, 204

HSL

278.0, 37.0%, 68.2%

HSV

278.0, 29.4%, 80.0%

CMYK

10.8%, 29.4%, 0.0%, 20.0%

OKLCH

0.7096 0.0949 312.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#B690CC

#A6CC90

Analogous

#9890CC

#CC90C4

#B690CC

Triadic

#B690CC

#CCB690

#90CCB6

Split Complementary

#B690CC

#C4CC90

#90CC98

Tetradic

#B690CC

#CC9890

#A6CC90

#90C4CC

Color Blindness Simulation

Original

#B690CC

Protanopia

#A6A5BD

Deuteranopia

#A8ABBA

Tritanopia

#B4B2B0

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCEE9
300
#C8ABD8
400
#AA7EC4
500
#8C50AF
600
#70408C
700
#5A3370
800
#462857
900
#352041
950
#211429

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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