#AF276D

#AF276D

Color Values

HEX

#AF276D

RGB

175, 39, 109

HSL

329.1, 63.6%, 42.0%

HSV

329.1, 77.7%, 68.6%

CMYK

0.0%, 77.7%, 37.7%, 31.4%

OKLCH

0.5126 0.1812 354.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AF276D

#27AF69

Analogous

#AD27AF

#AF2729

#AF276D

Triadic

#AF276D

#6DAF27

#276DAF

Split Complementary

#AF276D

#29AF27

#27AFAD

Tetradic

#AF276D

#AFAD27

#27AF69

#2729AF

Color Blindness Simulation

Original

#AF276D

Protanopia

#74735C

Deuteranopia

#7C8658

Tritanopia

#A84F4C

Achromatopsia

#494949

CSS Usage

background-color: #AF276D;
color: #AF276D;
border-color: #AF276D;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF3F7
100
#F7E4ED
200
#F2C5DC
300
#E99BC3
400
#DD65A2
500
#D12E82
600
#A72568
700
#851E53
800
#681741
900
#4C1531
950
#300D1F

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

3.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026