Couleur nommée la plus proche · #FAC4C5
#FAC4C5
Couleur nommée la plus proche: Candy Cane
#FAC4C5 (rgb(250 196 197), hsl(359 84% 87%), oklch(0.868 0.062 17.2)) est la plus proche de la couleur nommée Candy Cane. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FAC4C5
oklch(0.868 0.062 17.2)
Conversions de couleur
- HEX
- #fac4c5
- RGB
- rgb(250 196 197)
- HSL
- hsl(359 84% 87%)
- HWB
- hwb(359 77% 2%)
- OKLCH
- oklch(0.868 0.062 17.2)
- OKLab
- oklab(0.868 0.059 0.018)
- CIE Lab
- lab(84.08 19.96 7.29)
- LCH
- lch(84.08 21.25 20.1)
- CMYK
- cmyk(0% 22% 21% 2%)
Teintes · Ombres · Tons
Teintes
- FBCACB
- FCD0D0
- FCD6D6
- FDDCDC
- FEE1E2
- FEE7E8
- FEEDED
- FFF3F3
- FFF9F9
Ombres
- D9AAAB
- BA9192
- 9B7879
- 7D6161
- 614A4B
- 463535
- 2D2121
- 150E0E
- 030202
Tons
- EDBDBE
- E1B6B7
- D4AFB0
- C8A8A9
- BCA2A2
- B09B9B
- A49494
- 988D8D
- 8C8787
Harmonies de couleurs
Complémentaire +180°
- FAC4C5
Candy Cane
- A4E1E2
≈ Ice Crystal Blue
Analogue -30° +30°
- FAC4C5
Candy Cane
- F3C4DB
≈ Sweetheart
- F7C8B1
≈ Bellini
Triadique +120° +240°
- FAC4C5
Candy Cane
- C1DEB6
≈ Wisp Green
- BAD6FD
≈ Oh Boy!
Complémentaire divisée +150° +210°
- FAC4C5
Candy Cane
- ADE1CB
≈ Meristem
- A9DDF4
≈ Van Gogh Blue
Tétradique +90° +180° +270°
- FAC4C5
Candy Cane
- D8D7A8
≈ Sunlit Leaf
- A4E1E2
≈ Ice Crystal Blue
- D0CEFB
≈ Lavender Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.52:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.76:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--candy-cane: #fac4c5;
--candy-cane-rgb: 250 196 197;
--candy-cane-oklch: oklch(0.868 0.062 17.2);
}
.element {
color: var(--candy-cane);
background-color: hsl(359 84% 87%);
border-color: oklch(0.868 0.062 17.2);
}Tailwind CSS v4
@theme {
--color-candy-cane: #fac4c5;
--color-candy-cane-50: #ffefee;
--color-candy-cane-100: #fce0e0;
--color-candy-cane-200: #eecaca;
--color-candy-cane-300: #d5abab;
--color-candy-cane-400: #c09091;
--color-candy-cane-500: #ab7677;
--color-candy-cane-600: #916465;
--color-candy-cane-700: #745051;
--color-candy-cane-800: #563a3b;
--color-candy-cane-900: #3c2729;
--color-candy-cane-950: #261617;
}SCSS
$candy-cane: #fac4c5;
$candy-cane-rgb: 250, 196, 197;
$candy-cane-light: mix(#fff, $candy-cane, 20%);
$candy-cane-dark: mix(#000, $candy-cane, 20%);
.element {
color: $candy-cane;
box-shadow: 0 0 0 2px rgba($candy-cane, 0.35);
}