#C089F7

#C089F7

Color Values

HEX

#C089F7

RGB

192, 137, 247

HSL

270.0, 87.3%, 75.3%

HSV

270.0, 44.5%, 96.9%

CMYK

22.3%, 44.5%, 0.0%, 3.1%

OKLCH

0.7271 0.1628 305.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#C089F7

#C0F789

Analogous

#8989F7

#F789F7

#C089F7

Triadic

#C089F7

#F7C089

#89F7C0

Split Complementary

#C089F7

#F7F789

#89F789

Tetradic

#C089F7

#F78989

#C0F789

#89F7F7

Color Blindness Simulation

Original

#C089F7

Protanopia

#A8A8DC

Deuteranopia

#ABAFD6

Tritanopia

#BDC7C3

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DBBCFA
300
#C28CF7
400
#A14EF3
500
#8010EF
600
#660DBF
700
#520A99
800
#400877
900
#300A57
950
#1F0737

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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