Light Pink

#FFB5C0
RGB
255, 181, 192
HSL
351°, 100%, 85%
CMYK
0, 29, 25, 0
HSV
351°, 29%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFB5C0 color: #FFB5C0;
RGB 255, 181, 192 color: rgb(255, 181, 192);
RGB Percentage 100%, 71%, 75% color: rgb(100%, 71%, 75%);
CMYK 0%, 29%, 25%, 0% Not supported in CSS
HSL 351°, 100%, 85% color: hsl(351, 100%, 85%);
HSV 351°, 29%, 100% Not supported in CSS
CIE-LAB 68, 15, -4 color: lab(68% 15 -4);
Decimal 16758208 Not supported in CSS

Color Variations

Shades

#FFB3BE
#FF8799
#FF5C74
#FF304F
#FF052B
#D90021
#AD001A
#820014

Tints

#FFE8EB
#FFE0E5
#FFD9DE
#FFD1D8
#FFC9D1
#FFC2CB
#FFBAC4
#FFB3BE

Tones

#FFB3BE
#FBB6C1
#F7BAC3
#F4BEC6
#F0C2C9
#ECC6CB
#E8C9CE
#E4CDD1

Hues

#FFB3BE
#FFE0B3
#E4FFB3
#B3FFBA
#B3FFF4
#B3D1FF
#CDB3FF
#FFB3F7

Color Harmonies

Analogous

#FFB3E4
Click to copy
Light Purple
92%
#FFB5C0
Click to copy
Light pink
100%
#FFCDB3
Click to copy
Light Red
94%

Complementary

#FFB5C0
Click to copy
Light pink
100%
#B3FFF4
Click to copy
Light Cyan
73%

Split Complementary

#FFB5C0
Click to copy
Light pink
100%
#B3FFCD
Click to copy
Light Green
76%
#B3E4FF
Click to copy
Light Cyan
75%

Triadic

#FFB5C0
Click to copy
Light pink
100%
#BEFFB3
Click to copy
Light Green
77%
#B3BEFF
Click to copy
Light Blue
78%

Tetradic

#FFB5C0
Click to copy
Light pink
100%
#E4FFB3
Click to copy
Light Yellow
82%
#B3FFF4
Click to copy
Light Cyan
73%
#CDB3FF
Click to copy
Light Blue
82%

Square

#FFB5C0
Click to copy
Light pink
100%
#E4FFB3
Click to copy
Light Yellow
82%
#B3FFF4
Click to copy
Light Cyan
73%
#CDB3FF
Click to copy
Light Blue
82%

CSS & Dev Snippets

CSS
.light-pink {
  color: #FFB5C0;
}
SCSS
$light-pink: #FFB5C0;
RGB
rgb(255, 181, 192)

Accessibility & Contrast

White background

1.66:1
1.66
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

12.62:1
12.62
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags