#AF0DBF

#AF0DBF

Color Values

HEX

#AF0DBF

RGB

175, 13, 191

HSL

294,6, 87,3%, 40,0%

HSV

294,6, 93,2%, 74,9%

CMYK

8,4%, 93,2%, 0,0%, 25,1%

OKLCH

0,5425 0,25 323,6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AF0DBF

#1DBF0D

Analogous

#560DBF

#BF0D76

#AF0DBF

Triadic

#AF0DBF

#BFAF0D

#0DBFAF

Split Complementary

#AF0DBF

#76BF0D

#0DBF56

Tetradic

#AF0DBF

#BF560D

#1DBF0D

#0D76BF

Color Blindness Simulation

Original

#AF0DBF

Protanopia

#696794

Deuteranopia

#727E8A

Tritanopia

#A7726A

Achromatopsia

#3C3C3C

CSS Usage

background-color: #AF0DBF;
color: #AF0DBF;
border-color: #AF0DBF;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F5BCFA
300
#EE8CF7
400
#E44EF3
500
#DB10EF
600
#AF0DBF
700
#8C0A99
800
#6D0877
900
#500A57
950
#320737

Contrast Checker

Text on white

5,78:1

AA Pass AAA Fail

Text on black

3,63: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