#AF4256

#AF4256

Color Values

HEX

#AF4256

RGB

175, 66, 86

HSL

349,0, 45,2%, 47,3%

HSV

349,0, 62,3%, 68,6%

CMYK

0,0%, 62,3%, 50,9%, 31,4%

OKLCH

0,5333 0,1426 12,2

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#AF4256

#42AF9B

Analogous

#AF428D

#AF6542

#AF4256

Triadic

#AF4256

#56AF42

#4256AF

Split Complementary

#AF4256

#42AF65

#428DAF

Tetradic

#AF4256

#8DAF42

#42AF9B

#6542AF

Color Blindness Simulation

Original

#AF4256

Protanopia

#807F51

Deuteranopia

#868E50

Tritanopia

#AA4D4C

Achromatopsia

#5B5B5B

CSS Usage

background-color: #AF4256;
color: #AF4256;
border-color: #AF4256;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF4F5
100
#F4E6E9
200
#EBCBD1
300
#DDA6B0
400
#CB7686
500
#B9465B
600
#943849
700
#762D3A
800
#5D232E
900
#441D24
950
#2B1217

Contrast Checker

Text on white

5,62:1

AA Pass AAA Fail

Text on black

3,74:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026