#CB8FF0

#CB8FF0

Color Values

HEX

#CB8FF0

RGB

203, 143, 240

HSL

277,1, 76,4%, 75,1%

HSV

277,1, 40,4%, 94,1%

CMYK

15,4%, 40,4%, 0,0%, 5,9%

OKLCH

0,7445 0,1485 311,6

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#CB8FF0

#B4F08F

Analogous

#9A8FF0

#F08FE5

#CB8FF0

Triadic

#CB8FF0

#F0CB8F

#8FF0CB

Split Complementary

#CB8FF0

#E5F08F

#8FF09A

Tetradic

#CB8FF0

#F09A8F

#B4F08F

#8FE5F0

Color Blindness Simulation

Original

#CB8FF0

Protanopia

#B1B0D9

Deuteranopia

#B4B9D3

Tritanopia

#C8C6C2

Achromatopsia

#A3A3A3

CSS Usage

background-color: #CB8FF0;
color: #CB8FF0;
border-color: #CB8FF0;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F9F2FC
100
#F0E2F9
200
#E2C0F7
300
#CD93F1
400
#B259E9
500
#971EE1
600
#7818B4
700
#601390
800
#4B0F70
900
#380F52
950
#240A34

Contrast Checker

Text on white

2,41:1

AA Fail AAA Fail

Text on black

8,73:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026