#BAB6F8

#BAB6F8

Color Values

HEX

#BAB6F8

RGB

186, 182, 248

HSL

243.6, 82.5%, 84.3%

HSV

243.6, 26.6%, 97.3%

CMYK

25.0%, 26.6%, 0.0%, 2.7%

OKLCH

0.803 0.0927 286.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAB6F8

#F4F8B6

Analogous

#B6D3F8

#DBB6F8

#BAB6F8

Triadic

#BAB6F8

#F8BAB6

#B6F8BA

Split Complementary

#BAB6F8

#F8DBB6

#D3F8B6

Tetradic

#BAB6F8

#F8B6D3

#F4F8B6

#B6F8DB

Color Blindness Simulation

Original

#BAB6F8

Protanopia

#B8B8E8

Deuteranopia

#B8B9E4

Tritanopia

#BADBD9

Achromatopsia

#BCBCBC

CSS Usage

background-color: #BAB6F8;
color: #BAB6F8;
border-color: #BAB6F8;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F3F2FD
100
#E2E1FA
200
#C1BEF9
300
#958FF4
400
#5C53EE
500
#2316E9
600
#1C12BA
700
#160E95
800
#110B74
900
#110C54
950
#0B0835

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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