Colore con nome · #FAE0C4
Subtle Peach
Subtle Peach è #FAE0C4: rgb(250 224 196), hsl(31 84% 87%), oklch(0.921 0.047 69.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Subtle Peach color name →
#FAE0C4
oklch(0.921 0.047 69.3)
Conversioni di colore
- HEX
- #fae0c4
- RGB
- rgb(250 224 196)
- HSL
- hsl(31 84% 87%)
- HWB
- hwb(31 77% 2%)
- OKLCH
- oklch(0.921 0.047 69.3)
- OKLab
- oklab(0.921 0.017 0.044)
- CIE Lab
- lab(90.8 6.09 17.2)
- LCH
- lch(90.8 18.25 70.5)
- CMYK
- cmyk(0% 10% 22% 2%)
Tinte · Ombre · Toni
Tinte
- FBE3CA
- FBE6D0
- FCE9D6
- FCECDC
- FDF0E2
- FDF3E7
- FEF6ED
- FEF9F3
- FFFCF9
Ombre
- D9C3AA
- BAA691
- 9B8A78
- 7D7061
- 61564A
- 463E35
- 2D2721
- 15120E
- 030202
Toni
- EDD6BD
- E1CCB6
- D4C2AF
- C8B9A8
- BBAFA2
- AFA59B
- A39C94
- 97928D
- 8C8987
Armonie di colore
Complementare +180°
- FAE0C4
Subtle Peach
- D1E8FF
≈ Veiling Waterfalls
Analogo -30° +30°
- FAE0C4
Subtle Peach
- FFDCD1
≈ Soft Orange Bloom
- ECE6C3
≈ Fake Blonde
Triadico +120° +240°
- FAE0C4
Subtle Peach
- C2F0EB
≈ Path to the Sky
- EEDDFD
≈ Lavender Savour
Complementare divisa +150° +210°
- FAE0C4
Subtle Peach
- C3EDFA
≈ Blue Java Banana
- DFE3FF
≈ Stoic White
Tetradico +90° +180° +270°
- FAE0C4
Subtle Peach
- CBEFDA
≈ Jade Palace
- D1E8FF
≈ Veiling Waterfalls
- FBD9EF
≈ Jacaranda
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.27:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.52:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.52:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--subtle-peach: #fae0c4;
--subtle-peach-rgb: 250 224 196;
--subtle-peach-oklch: oklch(0.921 0.047 69.3);
}
.element {
color: var(--subtle-peach);
background-color: hsl(31 84% 87%);
border-color: oklch(0.921 0.047 69.3);
}Tailwind CSS v4
@theme {
--color-subtle-peach: #fae0c4;
--color-subtle-peach-50: #fef3e7;
--color-subtle-peach-100: #f2e6d7;
--color-subtle-peach-200: #e1d1bf;
--color-subtle-peach-300: #c7b49e;
--color-subtle-peach-400: #b19a81;
--color-subtle-peach-500: #9b8165;
--color-subtle-peach-600: #836d55;
--color-subtle-peach-700: #695744;
--color-subtle-peach-800: #4e3f31;
--color-subtle-peach-900: #362c21;
--color-subtle-peach-950: #211911;
}SCSS
$subtle-peach: #fae0c4;
$subtle-peach-rgb: 250, 224, 196;
$subtle-peach-light: mix(#fff, $subtle-peach, 20%);
$subtle-peach-dark: mix(#000, $subtle-peach, 20%);
.element {
color: $subtle-peach;
box-shadow: 0 0 0 2px rgba($subtle-peach, 0.35);
}