ColorTool
Log in
#F3C1CA

#f3c1ca ≈ Bubble Gum

  • pink
  • Lightness: very high
  • Saturation: muted
  • Warm
Check contrast Explore in graph Random color

#f3c1ca is a color from the pink family, with very high lightness and muted saturation. In the RGB model it is made of 95.29% red, 75.69% green and 79.22% blue; printed in CMYK it uses 0% cyan, 20.58% magenta, 16.87% yellow and 4.71% black. Its hue angle is 349.2°, with 67.57% saturation and 85.49% lightness in HSL. It is a warm color, often associated with tenderness, care and sweetness. Designers typically use it for beauty and cosmetics, weddings and celebrations and soft pastel palettes. Black text on this color reaches a contrast ratio of 13.29:1 (WCAG AAA). The closest named color is Bubble Gum (#ffc1cc), ΔE 2.73.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#ffcccc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.6146

Complementary

  1. #f3c1ca
  2. #c1f3ea

Split complementary

  1. #f3c1ca
  2. #c1f3d1
  3. #c1e3f3

Analogous

  1. #f3c1e3
  2. #f3c1ca
  3. #f3d1c1

Triadic

  1. #f3c1ca
  2. #caf3c1
  3. #c1caf3

Tetradic

  1. #f3c1ca
  2. #f3eac1
  3. #c1f3ea
  4. #c1caf3

Square

  1. #f3c1ca
  2. #e3f3c1
  3. #c1f3ea
  4. #d1c1f3

Monochromatic

  1. #da415c
  2. #e78193
  3. #f3c1ca
  4. #fceef0
  5. #fceef0

Shades

#f3c1ca mixed progressively with black.

  1. #f3c1ca
  2. #dbaeb6
  3. #c29aa2
  4. #aa878d
  5. #927479
  6. #7a6165
  7. #614d51
  8. #493a3d
  9. #312728
  10. #181314
  11. #000000

Tints

#f3c1ca mixed progressively with white.

  1. #f3c1ca
  2. #f4c7cf
  3. #f5cdd5
  4. #f7d4da
  5. #f8dadf
  6. #f9e0e5
  7. #fae6ea
  8. #fbecef
  9. #fdf3f4
  10. #fef9fa
  11. #ffffff

Tones

#f3c1ca mixed progressively with gray.

  1. #f3c1ca
  2. #e8bbc3
  3. #dcb4bb
  4. #d1aeb4
  5. #c5a7ac
  6. #baa1a5
  7. #ae9a9e
  8. #a39496
  9. #978d8f
  10. #8c8787
  11. #808080

Readable text 1.58:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 13.29:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #cecece ≈ 0.003% of males
Achromatomaly #dec9cc ≈ 0.001% of males
Protanopia #c8c8ca ≈ 1.01% of males
Deuteranopia #d3d1c9 ≈ 1.27% of males
Tritanopia #fdbec4 ≈ 0.0001% of males
Protanomaly #dac6ca ≈ 1.08% of males
Deuteranomaly #e1cbc9 ≈ 4.63% of males
Tritanomaly #f9bfc6 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-f3c1ca {
  color: #f3c1ca;
}
Background
.bg-f3c1ca {
  background-color: #f3c1ca;
  color: #000000;
}
Border
.border-f3c1ca {
  border: 2px solid #f3c1ca;
}
CSS variables
:root {
  --color-primary: #f3c1ca;
  --color-primary-rgb: 243 193 202;
  --color-primary-hsl: 349 68% 85%;
}
Gradient
.gradient-f3c1ca {
  background: linear-gradient(135deg, #f3c1ca, #f3d1c1);
}
Colored shadow
.shadow-f3c1ca {
  box-shadow: 0 8px 24px rgb(243 193 202 / 0.35);
}

#ffc1cc Bubble Gum ΔE 2.73 #ffc0cb Pink ΔE 2.88 #f4c2c2 Baby Pink ΔE 3.37 #ffb7c5 Cherry Blossom Pink ΔE 4.70 #ffb6c1 Light Pink ΔE 4.89 #f6adc6 Nadeshiko Pink ΔE 6.93 #fadadd Pale Pink ΔE 7.17 #0c3e35 Inverted #cecece Grayscale 

Bubble Gum
#f3c1ca  rgb(243, 193, 202)  hsl(349, 68%, 85%)  Bubble Gum
#c1f3ea  rgb(193, 243, 234)  hsl(169, 68%, 85%)  Pale Turquoise
#caf3c1  rgb(202, 243, 193)  hsl(109, 68%, 85%)  Tea Green
#c1caf3  rgb(193, 202, 243)  hsl(229, 68%, 85%)  Periwinkle