#CF9AF5

#CF9AF5

Color Values

HEX

#CF9AF5

RGB

207, 154, 245

HSL

274.9, 82.0%, 78.2%

HSV

274.9, 37.1%, 96.1%

CMYK

15.5%, 37.1%, 0.0%, 3.9%

OKLCH

0.7691 0.1375 310.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#CF9AF5

#C0F59A

Analogous

#A19AF5

#F59AEE

#CF9AF5

Triadic

#CF9AF5

#F5CF9A

#9AF5CF

Split Complementary

#CF9AF5

#EEF59A

#9AF5A1

Tetradic

#CF9AF5

#F5A19A

#C0F59A

#9AEEF5

Color Blindness Simulation

Original

#CF9AF5

Protanopia

#B8B8DF

Deuteranopia

#BBBFDA

Tritanopia

#CCCECA

Achromatopsia

#ACACAC

CSS Usage

background-color: #CF9AF5;
color: #CF9AF5;
border-color: #CF9AF5;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F8F2FD
100
#EFE1FA
200
#E0BEF9
300
#CA90F4
400
#AD53EE
500
#9117E8
600
#7412BA
700
#5D0F95
800
#480B74
900
#360D54
950
#220835

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026