Nearest named color · #FFACCF
#FFACCF
Nearest named color: Lavender Candy
#FFACCF (rgb(255 172 207), hsl(335 100% 84%), oklch(0.834 0.106 352.7)) is closest to the named color Lavender Candy. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FFACCF
oklch(0.834 0.106 352.7)
Color conversions
- HEX
- #ffaccf
- RGB
- rgb(255 172 207)
- HSL
- hsl(335 100% 84%)
- HWB
- hwb(335 67% 0%)
- OKLCH
- oklch(0.834 0.106 352.7)
- OKLab
- oklab(0.834 0.105 -0.013)
- CIE Lab
- lab(79.39 34.8 -4.73)
- LCH
- lch(79.39 35.12 352.3)
- CMYK
- cmyk(0% 33% 19% 0%)
Tints · Shades · Tones
Tints
- FFB4D4
- FFBDD8
- FFC5DD
- FFCEE2
- FFD6E7
- FFDEEC
- FFE6F0
- FFEFF5
- FFF7FA
Shades
- DE95B4
- BE7F99
- 9E697F
- 805467
- 63404F
- 482D38
- 2E1B23
- 160B10
- 030102
Tones
- F2A8C7
- E5A4BF
- D89FB7
- CC9BAF
- BF97A7
- B2929F
- A68E97
- 99898F
- 8D8588
Color harmonies
Complementary +180°
- FFACCF
Lavender Candy
- 79DFC2
≈ Star Grass
Analogous -30° +30°
- FFACCF
Lavender Candy
- EAB2F1
≈ Candy Dreams
- FFB1AD
≈ Cornflower Lilac
Triadic +120° +240°
- FFACCF
Lavender Candy
- C9D07E
≈ Zucchini Noodles
- 83D4FF
≈ Kul Sharif Blue
Split-complementary +150° +210°
- FFACCF
Lavender Candy
- A0DB9B
≈ Retro
- 68DDE7
≈ Turquoise Sea
Tetradic +90° +180° +270°
- FFACCF
Lavender Candy
- EBC376
≈ Shallot Peel
- 79DFC2
≈ Star Grass
- ACC9FF
≈ Night Snow
Contrast & accessibility
Ag
FailOn white
WCAG 1.74:1 · APCA Lc 32
Ag
AAAOn black
WCAG 12.05:1 · APCA Lc 71
Best text color: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--lavender-candy: #ffaccf;
--lavender-candy-rgb: 255 172 207;
--lavender-candy-oklch: oklch(0.834 0.106 352.7);
}
.element {
color: var(--lavender-candy);
background-color: hsl(335 100% 84%);
border-color: oklch(0.834 0.106 352.7);
}Tailwind CSS v4
@theme {
--color-lavender-candy: #ffaccf;
--color-lavender-candy-50: #ffe9f7;
--color-lavender-candy-100: #ffdaea;
--color-lavender-candy-200: #fac2d7;
--color-lavender-candy-300: #e3a1ba;
--color-lavender-candy-400: #cf84a4;
--color-lavender-candy-500: #bb678d;
--color-lavender-candy-600: #9e5777;
--color-lavender-candy-700: #7f465f;
--color-lavender-candy-800: #5e3247;
--color-lavender-candy-900: #422231;
--color-lavender-candy-950: #2a111d;
}SCSS
$lavender-candy: #ffaccf;
$lavender-candy-rgb: 255, 172, 207;
$lavender-candy-light: mix(#fff, $lavender-candy, 20%);
$lavender-candy-dark: mix(#000, $lavender-candy, 20%);
.element {
color: $lavender-candy;
box-shadow: 0 0 0 2px rgba($lavender-candy, 0.35);
}