Najbliższy nazwany kolor · #FFBDBE
#FFBDBE
Najbliższy nazwany kolor: Peach Scone
#FFBDBE (rgb(255 189 190), hsl(359 100% 87%), oklch(0.859 0.076 17.8)) jest najbliższy nazwanemu kolorowi Peach Scone. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FFBDBE
oklch(0.859 0.076 17.8)
Konwersje koloru
- HEX
- #ffbdbe
- RGB
- rgb(255 189 190)
- HSL
- hsl(359 100% 87%)
- HWB
- hwb(359 74% 0%)
- OKLCH
- oklch(0.859 0.076 17.8)
- OKLab
- oklab(0.859 0.073 0.023)
- CIE Lab
- lab(82.83 24.58 9.33)
- LCH
- lch(82.83 26.29 20.8)
- CMYK
- cmyk(0% 26% 25% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFC4C4
- FFCACB
- FFD1D1
- FFD8D8
- FFDEDE
- FFE5E5
- FFEBEB
- FFF2F2
- FFF8F8
Odcienie ciemniejsze
- DEA4A5
- BE8C8C
- 9E7475
- 805D5E
- 634748
- 483333
- 2E1F1F
- 160D0D
- 030202
Tony
- F2B7B8
- E5B1B1
- D8ABAB
- CBA4A5
- BF9E9F
- B29898
- A59292
- 998C8C
- 8C8686
Harmonie kolorów
Komplementarna +180°
- FFBDBE
Peach Scone
- 93E1E2
≈ Aqua Fiesta
Analogowa -30° +30°
- FFBDBE
Peach Scone
- F7BDDA
≈ Flamingo Feather
- FBC2A6
≈ Sweet Apricot
Triada +120° +240°
- FFBDBE
Peach Scone
- B9DDAC
≈ Embroidered Silk
- B4D3FF
≈ Ice Cold Stare
Komplementarna rozszczepiona +150° +210°
- FFBDBE
Peach Scone
- 9FE1C7
≈ Reef Green
- 9BDBF8
≈ Shiva Blue
Tetrada +90° +180° +270°
- FFBDBE
Peach Scone
- D5D59B
≈ Crocodile Tears
- 93E1E2
≈ Aqua Fiesta
- CDCAFF
≈ Lavender Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.27:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.27:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--peach-scone: #ffbdbe;
--peach-scone-rgb: 255 189 190;
--peach-scone-oklch: oklch(0.859 0.076 17.8);
}
.element {
color: var(--peach-scone);
background-color: hsl(359 100% 87%);
border-color: oklch(0.859 0.076 17.8);
}Tailwind CSS v4
@theme {
--color-peach-scone: #ffbdbe;
--color-peach-scone-50: #ffedec;
--color-peach-scone-100: #ffdedd;
--color-peach-scone-200: #f3c8c7;
--color-peach-scone-300: #dca8a7;
--color-peach-scone-400: #c88c8e;
--color-peach-scone-500: #b37173;
--color-peach-scone-600: #976062;
--color-peach-scone-700: #7a4d4e;
--color-peach-scone-800: #5a3739;
--color-peach-scone-900: #3f2627;
--color-peach-scone-950: #281415;
}SCSS
$peach-scone: #ffbdbe;
$peach-scone-rgb: 255, 189, 190;
$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);
}