#FFB6C1
Light Pink
Light pink is a soft, understated pink that is calming and gentle. It works beautifully as backgrounds and accent colors in design.
Light Pink Color Values
HEX#FFB6C1
RGB255, 182, 193
HSL351°, 100%, 86%
HSV351°, 29%, 100%
CMYK0%, 29%, 24%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #C2C1C1 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #D2CEC0 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFB0BA (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #D1D1D1 (~0.003% of population)
Light Pink as Text Color
Light Pink on White
1.7:1FAIL
Light Pink on Light Gray
1.5:1FAIL
Light Pink on Cream
1.6:1FAIL
Light Pink on Dark
10.3:1AAA
Light Pink on Black
12.7:1AAA
Light Pink on Soft Blue
1.4:1FAIL
Light Pink on Soft Green
1.5:1FAIL
Light Pink on Soft Pink
1.4:1FAIL
Nearest Tailwind Class
red-200
#FECACA
Nearest Pantone Match
Peach Fuzz (2024)
#FFBE98
CSS Variable Export
:root {
--color-light-pink: #FFB6C1;
--color-light-pink-rgb: 255, 182, 193;
}Tailwind Config
// tailwind.config.js
colors: {
'light-pink': '#FFB6C1',
}Shades of Light Pink
#FFB8C2
#FF8597
#FF5770
#FF2445
#F50025
#C2001D
#940016
#61000F
#330008
#000000
Tints of Light Pink
#FFB8C2
#FFC2CB
#FFC7CF
#FFD1D8
#FFD6DC
#FFE0E5
#FFE5E9
#FFF0F2
#FFF5F6
#FFFFFF
Color Harmonies
Complementary
#FFB6C1
#B8FFF4
Analogous
#FFB8E6
#FFB8C2
#FFD1B8
Triadic
#FFB8C2
#C2FFB8
#B8C2FF
Light Pink Text Preview
Heading in Light Pink
Body text in Light Pink. The quick brown fox jumps over the lazy dog.
White on Light Pink
Body text on a Light Pink background.
Light Pink text on dark background
Contrast: 10.7:1