#B5AFCF

#B5AFCF

Color Values

HEX

#B5AFCF

RGB

181, 175, 207

HSL

251.2, 25.0%, 74.9%

HSV

251.2, 15.5%, 81.2%

CMYK

12.6%, 15.5%, 0.0%, 18.8%

OKLCH

0.7694 0.0456 293.9

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#B5AFCF

#C9CFAF

Analogous

#AFB9CF

#C5AFCF

#B5AFCF

Triadic

#B5AFCF

#CFB5AF

#AFCFB5

Split Complementary

#B5AFCF

#CFC5AF

#B9CFAF

Tetradic

#B5AFCF

#CFAFB9

#C9CFAF

#AFCFC5

Color Blindness Simulation

Original

#B5AFCF

Protanopia

#B2B2C7

Deuteranopia

#B3B3C5

Tritanopia

#B5C1C0

Achromatopsia

#B3B3B3

CSS Usage

background-color: #B5AFCF;
color: #B5AFCF;
border-color: #B5AFCF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#EBE9F1
200
#D6D2E4
300
#B8B2D1
400
#9289B8
500
#6C609F
600
#564D80
700
#453D66
800
#363050
900
#2A263B
950
#1A1825

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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