#AF095F

#AF095F

Color Values

HEX

#AF095F

RGB

175, 9, 95

HSL

328.9, 90.2%, 36.1%

HSV

328.9, 94.9%, 68.6%

CMYK

0.0%, 94.9%, 45.7%, 31.4%

OKLCH

0.4922 0.1959 358.7

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#AF095F

#09AF59

Analogous

#AC09AF

#AF090C

#AF095F

Triadic

#AF095F

#5FAF09

#095FAF

Split Complementary

#AF095F

#0CAF09

#09AFAC

Tetradic

#AF095F

#AFAC09

#09AF59

#090CAF

Color Blindness Simulation

Original

#AF095F

Protanopia

#67664A

Deuteranopia

#717D45

Tritanopia

#A73A36

Achromatopsia

#333333

CSS Usage

background-color: #AF095F;
color: #AF095F;
border-color: #AF095F;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDC
300
#F98BC4
400
#F64CA4
500
#F30C84
600
#C20A69
700
#9B0854
800
#790642
900
#580932
950
#370620

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

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