Couleur nommée la plus proche · #FFBFBD
#FFBFBD
Couleur nommée la plus proche: Peach Scone
#FFBFBD (rgb(255 191 189), hsl(2 100% 87%), oklch(0.862 0.074 20.8)) est la plus proche de la couleur nommée Peach Scone. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FFBFBD
oklch(0.862 0.074 20.8)
Conversions de couleur
- HEX
- #ffbfbd
- RGB
- rgb(255 191 189)
- HSL
- hsl(2 100% 87%)
- HWB
- hwb(2 74% 0%)
- OKLCH
- oklch(0.862 0.074 20.8)
- OKLab
- oklab(0.862 0.069 0.026)
- CIE Lab
- lab(83.28 23.48 10.48)
- LCH
- lch(83.28 25.72 24.1)
- CMYK
- cmyk(0% 25% 26% 0%)
Teintes · Ombres · Tons
Teintes
- FFC5C3
- FFCCCA
- FFD2D1
- FFD9D7
- FFDFDE
- FFE5E4
- FFECEB
- FFF2F2
- FFF9F8
Ombres
- DEA6A4
- BE8D8C
- 9E7574
- 805E5D
- 634847
- 483333
- 2E1F1F
- 160D0D
- 030202
Tons
- F2B9B7
- E5B2B1
- D8ACAA
- CBA6A4
- BE9F9E
- B29998
- A59392
- 998C8C
- 8C8686
Harmonies de couleurs
Complémentaire +180°
- FFBFBD
Peach Scone
- 96E1E5
≈ Aqua Fiesta
Analogue -30° +30°
- FFBFBD
Peach Scone
- F9BED8
≈ Flamingo Feather
- FAC4A6
≈ Peach Damask
Triadique +120° +240°
- FFBFBD
Peach Scone
- B8DEB1
≈ A Mann’s Mint
- B9D3FF
≈ Ice Cold Stare
Complémentaire divisée +150° +210°
- FFBFBD
Peach Scone
- A0E2CB
≈ Aqua Wish
- A0DBFA
≈ Columbia Blue
Tétradique +90° +180° +270°
- FFBFBD
Peach Scone
- D3D79E
≈ Crocodile Tears
- 96E1E5
≈ Aqua Fiesta
- D1CAFF
≈ Lavender Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.56:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.43:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.43:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--peach-scone: #ffbfbd;
--peach-scone-rgb: 255 191 189;
--peach-scone-oklch: oklch(0.862 0.074 20.8);
}
.element {
color: var(--peach-scone);
background-color: hsl(2 100% 87%);
border-color: oklch(0.862 0.074 20.8);
}Tailwind CSS v4
@theme {
--color-peach-scone: #ffbfbd;
--color-peach-scone-50: #ffedeb;
--color-peach-scone-100: #ffdfdc;
--color-peach-scone-200: #f3c9c6;
--color-peach-scone-300: #dba9a6;
--color-peach-scone-400: #c78d8c;
--color-peach-scone-500: #b27271;
--color-peach-scone-600: #976160;
--color-peach-scone-700: #794d4c;
--color-peach-scone-800: #593838;
--color-peach-scone-900: #3f2626;
--color-peach-scone-950: #281415;
}SCSS
$peach-scone: #ffbfbd;
$peach-scone-rgb: 255, 191, 189;
$peach-scone-light: mix(#fff, $peach-scone, 20%);
$peach-scone-dark: mix(#000, $peach-scone, 20%);
.element {
color: $peach-scone;
box-shadow: 0 0 0 2px rgba($peach-scone, 0.35);
}