#C0AFDC

#C0AFDC

Color Values

HEX

#C0AFDC

RGB

192, 175, 220

HSL

262.7, 39.1%, 77.5%

HSV

262.7, 20.5%, 86.3%

CMYK

12.7%, 20.5%, 0.0%, 13.7%

OKLCH

0.7833 0.0655 302.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#C0AFDC

#CBDCAF

Analogous

#AFB5DC

#D7AFDC

#C0AFDC

Triadic

#C0AFDC

#DCC0AF

#AFDCC0

Split Complementary

#C0AFDC

#DCD7AF

#B5DCAF

Tetradic

#C0AFDC

#DCAFB5

#CBDCAF

#AFDCD7

Color Blindness Simulation

Original

#C0AFDC

Protanopia

#B9B8D1

Deuteranopia

#BABBCE

Tritanopia

#BFC9C7

Achromatopsia

#B6B6B6

CSS Usage

background-color: #C0AFDC;
color: #C0AFDC;
border-color: #C0AFDC;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D8CDE9
300
#BCAADA
400
#987CC6
500
#734EB1
600
#5C3E8E
700
#4A3272
800
#3A2759
900
#2C1F41
950
#1C1429

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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