#D267A2

#D267A2

Color Values

HEX

#D267A2

RGB

210, 103, 162

HSL

326.9, 54.3%, 61.4%

HSV

326.9, 51.0%, 82.4%

CMYK

0.0%, 51.0%, 22.9%, 17.6%

OKLCH

0.658 0.1505 347.8

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#D267A2

#67D297

Analogous

#CC67D2

#D2676D

#D267A2

Triadic

#D267A2

#A2D267

#67A2D2

Split Complementary

#D267A2

#6DD267

#67D2CC

Tetradic

#D267A2

#D2CC67

#67D297

#676DD2

Color Blindness Simulation

Original

#D267A2

Protanopia

#A4A394

Deuteranopia

#AAB290

Tritanopia

#CD8886

Achromatopsia

#828282

CSS Usage

background-color: #D267A2;
color: #D267A2;
border-color: #D267A2;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EFC8DD
300
#E3A1C5
400
#D46DA6
500
#C53A87
600
#9D2F6C
700
#7E2556
800
#621D43
900
#481933
950
#2E1020

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.2:1

AA Pass 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