Colore con nome · #FFF7E7
Sheer Peach
Sheer Peach è #FFF7E7: rgb(255 247 231), hsl(40 100% 95%), oklch(0.978 0.023 84.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sheer Peach color name →
#FFF7E7
oklch(0.978 0.023 84.6)
Conversioni di colore
- HEX
- #fff7e7
- RGB
- rgb(255 247 231)
- HSL
- hsl(40 100% 95%)
- HWB
- hwb(40 91% 0%)
- OKLCH
- oklch(0.978 0.023 84.6)
- OKLab
- oklab(0.978 0.002 0.023)
- CIE Lab
- lab(97.54 0.79 8.72)
- LCH
- lch(97.54 8.76 84.8)
- CMYK
- cmyk(0% 3% 9% 0%)
Tinte · Ombre · Toni
Tinte
- FFF8E9
- FFF9EC
- FFF9EE
- FFFAF1
- FFFBF3
- FFFCF5
- FFFDF8
- FFFDFA
- FFFEFD
Ombre
- DED7C9
- BEB7AB
- 9E998F
- 807C73
- 636059
- 484540
- 2E2C28
- 161513
- 030303
Toni
- F2EADC
- E4DED2
- D7D2C7
- CAC6BD
- BEBAB2
- B1AEA8
- A4A29E
- 989794
- 8C8B8A
Armonie di colore
Complementare +180°
- FFF7E7
Sheer Peach
- F4F8FF
≈ Mā White
Analogo -30° +30°
- FFF7E7
Sheer Peach
- FFF6F0
≈ Seashell
- F7FAE9
≈ Soft Silver
Triadico +120° +240°
- FFF7E7
Sheer Peach
- E7FDFF
≈ Bubbles
- FFF4FF
≈ Pinkish White
Complementare divisa +150° +210°
- FFF7E7
Sheer Peach
- F0F9FF
≈ Alice Blue
- F8F6FF
≈ Sugar Crystal
Tetradico +90° +180° +270°
- FFF7E7
Sheer Peach
- E9FDF7
≈ Placebo Turquoise
- F4F8FF
≈ Mā White
- FFF5F8
≈ Sea Salt Sherbet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.06:1 · APCA Lc 0
Ag
AAASu nero
WCAG 19.71:1 · APCA Lc 103
Miglior colore del testo: #000000
WCAG 19.71:1 (AAA) · APCA Lc 103
Contrast pairs
Frammenti di codice
CSS
:root {
--sheer-peach: #fff7e7;
--sheer-peach-rgb: 255 247 231;
--sheer-peach-oklch: oklch(0.978 0.023 84.6);
}
.element {
color: var(--sheer-peach);
background-color: hsl(40 100% 95%);
border-color: oklch(0.978 0.023 84.6);
}Tailwind CSS v4
@theme {
--color-sheer-peach: #fff7e7;
--color-sheer-peach-50: #f8f5ee;
--color-sheer-peach-100: #ebe7df;
--color-sheer-peach-200: #d8d4ca;
--color-sheer-peach-300: #bcb7ab;
--color-sheer-peach-400: #a59e90;
--color-sheer-peach-500: #8d8575;
--color-sheer-peach-600: #777164;
--color-sheer-peach-700: #605a4f;
--color-sheer-peach-800: #46423a;
--color-sheer-peach-900: #312d27;
--color-sheer-peach-950: #1d1a16;
}SCSS
$sheer-peach: #fff7e7;
$sheer-peach-rgb: 255, 247, 231;
$sheer-peach-light: mix(#fff, $sheer-peach, 20%);
$sheer-peach-dark: mix(#000, $sheer-peach, 20%);
.element {
color: $sheer-peach;
box-shadow: 0 0 0 2px rgba($sheer-peach, 0.35);
}