Benannte Farbe · #FADFC7
Peachade
Peachade ist #FADFC7: rgb(250 223 199), hsl(28 84% 88%), oklch(0.92 0.044 63.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Peachade color name →
#FADFC7
oklch(0.92 0.044 63.9)
Farbumrechnungen
- HEX
- #fadfc7
- RGB
- rgb(250 223 199)
- HSL
- hsl(28 84% 88%)
- HWB
- hwb(28 78% 2%)
- OKLCH
- oklch(0.92 0.044 63.9)
- OKLab
- oklab(0.92 0.019 0.039)
- CIE Lab
- lab(90.61 6.89 15.39)
- LCH
- lch(90.61 16.86 65.9)
- CMYK
- cmyk(0% 11% 20% 2%)
Tints · Shades · Tones
Tints
- FBE2CD
- FBE5D2
- FCE9D8
- FCECDD
- FDEFE3
- FDF2E9
- FEF5EE
- FEF9F4
- FFFCF9
Shades
- D9C2AD
- BAA593
- 9B8A7A
- 7D6F62
- 61564C
- 463D36
- 2D2721
- 15120E
- 030202
Tones
- EDD5C0
- E1CBB8
- D4C2B1
- C8B8AA
- BBAEA3
- AFA59C
- A39C95
- 97928E
- 8C8987
Farbharmonien
Komplementär +180°
- FADFC7
Peachade
- CEE8FF
≈ Veiling Waterfalls
Analog -30° +30°
- FADFC7
Peachade
- FFDBD3
≈ Soft Orange Bloom
- EEE5C4
≈ Proper Temperature
Triadisch +120° +240°
- FADFC7
Peachade
- C5EFE8
≈ Path to the Sky
- EADEFD
≈ Lavender Savour
Geteilt komplementär +150° +210°
- FADFC7
Peachade
- C4EDF6
≈ Icy Breeze
- DCE3FF
≈ Stoic White
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.27:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.44:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.44:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--peachade: #fadfc7;
--peachade-rgb: 250 223 199;
--peachade-oklch: oklch(0.92 0.044 63.9);
}
.element {
color: var(--peachade);
background-color: hsl(28 84% 88%);
border-color: oklch(0.92 0.044 63.9);
}Tailwind CSS v4
@theme {
--color-peachade: #fadfc7;
--color-peachade-50: #fef3e8;
--color-peachade-100: #f2e5d9;
--color-peachade-200: #e2d1c1;
--color-peachade-300: #c7b3a0;
--color-peachade-400: #b19984;
--color-peachade-500: #9b8068;
--color-peachade-600: #836d58;
--color-peachade-700: #695746;
--color-peachade-800: #4e3f33;
--color-peachade-900: #362b23;
--color-peachade-950: #211912;
}SCSS
$peachade: #fadfc7;
$peachade-rgb: 250, 223, 199;
$peachade-light: mix(#fff, $peachade, 20%);
$peachade-dark: mix(#000, $peachade, 20%);
.element {
color: $peachade;
box-shadow: 0 0 0 2px rgba($peachade, 0.35);
}