#AB1263

#AB1263

Color Values

HEX

#AB1263

RGB

171, 18, 99

HSL

328.2, 81.0%, 37.1%

HSV

328.2, 89.5%, 67.1%

CMYK

0.0%, 89.5%, 42.1%, 32.9%

OKLCH

0.4893 0.1906 356.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AB1263

#12AB5A

Analogous

#A712AB

#AB1217

#AB1263

Triadic

#AB1263

#63AB12

#1263AB

Split Complementary

#AB1263

#17AB12

#12ABA7

Tetradic

#AB1263

#ABA712

#12AB5A

#1217AB

Color Blindness Simulation

Original

#AB1263

Protanopia

#69674F

Deuteranopia

#727D4B

Tritanopia

#A3403D

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#F9E1EE
200
#F8BEDD
300
#F390C5
400
#ED54A5
500
#E71886
600
#B9136B
700
#941056
800
#730C43
900
#540D33
950
#350820

Contrast Checker

Text on white

7.0:1

AA Pass AAA Pass

Text on black

3.0: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