Cor nomeada mais próxima · #FFBFBD
#FFBFBD
Cor nomeada mais próxima: Peach Scone
#FFBFBD (rgb(255 191 189), hsl(2 100% 87%), oklch(0.862 0.074 20.8)) é mais próxima da cor nomeada Peach Scone. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FFBFBD
oklch(0.862 0.074 20.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FFC5C3
- FFCCCA
- FFD2D1
- FFD9D7
- FFDFDE
- FFE5E4
- FFECEB
- FFF2F2
- FFF9F8
Sombras
- DEA6A4
- BE8D8C
- 9E7574
- 805E5D
- 634847
- 483333
- 2E1F1F
- 160D0D
- 030202
Tons
- F2B9B7
- E5B2B1
- D8ACAA
- CBA6A4
- BE9F9E
- B29998
- A59392
- 998C8C
- 8C8686
Harmonias de cor
Complementar +180°
- FFBFBD
Peach Scone
- 96E1E5
≈ Aqua Fiesta
Análoga -30° +30°
- FFBFBD
Peach Scone
- F9BED8
≈ Flamingo Feather
- FAC4A6
≈ Peach Damask
Tríade +120° +240°
- FFBFBD
Peach Scone
- B8DEB1
≈ A Mann’s Mint
- B9D3FF
≈ Ice Cold Stare
Complementar dividida +150° +210°
- FFBFBD
Peach Scone
- A0E2CB
≈ Aqua Wish
- A0DBFA
≈ Columbia Blue
Tétrade +90° +180° +270°
- FFBFBD
Peach Scone
- D3D79E
≈ Crocodile Tears
- 96E1E5
≈ Aqua Fiesta
- D1CAFF
≈ Lavender Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.43:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.43:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
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);
}