#B288CF

#B288CF

Color Values

HEX

#B288CF

RGB

178, 136, 207

HSL

275.5, 42.5%, 67.3%

HSV

275.5, 34.3%, 81.2%

CMYK

14.0%, 34.3%, 0.0%, 18.8%

OKLCH

0.6926 0.1109 310.8

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B288CF

#A5CF88

Analogous

#8F88CF

#CF88C9

#B288CF

Triadic

#B288CF

#CFB288

#88CFB2

Split Complementary

#B288CF

#C9CF88

#88CF8F

Tetradic

#B288CF

#CF8F88

#A5CF88

#88C9CF

Color Blindness Simulation

Original

#B288CF

Protanopia

#A09FBE

Deuteranopia

#A2A5BA

Tritanopia

#B0B0AD

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE7F4
200
#DECCEA
300
#C7A8DC
400
#A879C9
500
#8949B6
600
#6E3B91
700
#582F74
800
#45255B
900
#341E43
950
#21132A

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.32:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026