#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026