#C679CD

#C679CD

Color Values

HEX

#C679CD

RGB

198, 121, 205

HSL

295.0, 45.7%, 63.9%

HSV

295.0, 41.0%, 80.4%

CMYK

3.4%, 41.0%, 0.0%, 19.6%

OKLCH

0.6876 0.1453 324.0

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C679CD

#80CD79

Analogous

#9C79CD

#CD79AA

#C679CD

Triadic

#C679CD

#CDC679

#79CDC6

Split Complementary

#C679CD

#AACD79

#79CD9C

Tetradic

#C679CD

#CD9C79

#80CD79

#79AACD

Color Blindness Simulation

Original

#C679CD

Protanopia

#A5A4B9

Deuteranopia

#A9AFB4

Tritanopia

#C2A9A5

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#E9CBEC
300
#D9A6DE
400
#C576CC
500
#B045BA
600
#8D3795
700
#712C77
800
#58235D
900
#411D44
950
#29122B

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

7.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026