Couleur nommée la plus proche · #FFC3B2
#FFC3B2
Couleur nommée la plus proche: Peach Fuzz
#FFC3B2 (rgb(255 195 178), hsl(13 100% 85%), oklch(0.867 0.073 36.4)) est la plus proche de la couleur nommée Peach Fuzz. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FFC3B2
oklch(0.867 0.073 36.4)
Conversions de couleur
- HEX
- #ffc3b2
- RGB
- rgb(255 195 178)
- HSL
- hsl(13 100% 85%)
- HWB
- hwb(13 70% 0%)
- OKLCH
- oklch(0.867 0.073 36.4)
- OKLab
- oklab(0.867 0.059 0.043)
- CIE Lab
- lab(84 20.44 17.32)
- LCH
- lch(84 26.79 40.3)
- CMYK
- cmyk(0% 24% 30% 0%)
Teintes · Ombres · Tons
Teintes
- FFC9BA
- FFCFC1
- FFD5C9
- FFDBD1
- FFE1D8
- FFE7E0
- FFEDE8
- FFF3EF
- FFF9F7
Ombres
- DEA99A
- BE9083
- 9E786D
- 806057
- 634A43
- 48342F
- 2E201D
- 160E0C
- 030201
Tons
- F2BCAD
- E5B5A8
- D8AFA3
- CBA89E
- BEA199
- B29B94
- A5948F
- 998D8A
- 8C8785
Harmonies de couleurs
Complémentaire +180°
- FFC3B2
Peach Fuzz
- 9BE0F2
≈ Non-Photo Blue
Analogue -30° +30°
- FFC3B2
Peach Fuzz
- FEC0CB
≈ Pink
- F5CAA0
≈ Sundown
Triadique +120° +240°
- FFC3B2
Peach Fuzz
- ACE2C0
≈ Mountain Mint
- C7D0FF
≈ Lavender Blue
Complémentaire divisée +150° +210°
- FFC3B2
Peach Fuzz
- 9BE3DB
≈ Sharbah Fizz
- AED8FF
≈ Malmö FF
Tétradique +90° +180° +270°
- FFC3B2
Peach Fuzz
- C7DDA9
≈ Butterfly
- 9BE0F2
≈ Non-Photo Blue
- DFC7FA
≈ Neon Boneyard
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.53:1 · APCA Lc 25
Ag
AAASur noir
WCAG 13.70:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--peach-fuzz: #ffc3b2;
--peach-fuzz-rgb: 255 195 178;
--peach-fuzz-oklch: oklch(0.867 0.073 36.4);
}
.element {
color: var(--peach-fuzz);
background-color: hsl(13 100% 85%);
border-color: oklch(0.867 0.073 36.4);
}Tailwind CSS v4
@theme {
--color-peach-fuzz: #ffc3b2;
--color-peach-fuzz-50: #ffefe6;
--color-peach-fuzz-100: #ffe0d6;
--color-peach-fuzz-200: #f1cabe;
--color-peach-fuzz-300: #daab9c;
--color-peach-fuzz-400: #c59080;
--color-peach-fuzz-500: #b17564;
--color-peach-fuzz-600: #956355;
--color-peach-fuzz-700: #784f44;
--color-peach-fuzz-800: #593931;
--color-peach-fuzz-900: #3e2721;
--color-peach-fuzz-950: #271511;
}SCSS
$peach-fuzz: #ffc3b2;
$peach-fuzz-rgb: 255, 195, 178;
$peach-fuzz-light: mix(#fff, $peach-fuzz, 20%);
$peach-fuzz-dark: mix(#000, $peach-fuzz, 20%);
.element {
color: $peach-fuzz;
box-shadow: 0 0 0 2px rgba($peach-fuzz, 0.35);
}