Benannte Farbe · #E5B99B
Sumptuous Peach
Sumptuous Peach ist #E5B99B: rgb(229 185 155), hsl(24 59% 75%), oklch(0.817 0.065 55.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sumptuous Peach color name →
#E5B99B
oklch(0.817 0.065 55.9)
Farbumrechnungen
- HEX
- #e5b99b
- RGB
- rgb(229 185 155)
- HSL
- hsl(24 59% 75%)
- HWB
- hwb(24 61% 10%)
- OKLCH
- oklch(0.817 0.065 55.9)
- OKLab
- oklab(0.817 0.037 0.054)
- CIE Lab
- lab(78.58 13.29 21.59)
- LCH
- lch(78.58 25.35 58.4)
- CMYK
- cmyk(0% 19% 32% 10%)
Tints · Shades · Tones
Tints
- E8C0A5
- EBC7AF
- EDCEB9
- F0D5C3
- F3DCCD
- F5E3D7
- F8EAE1
- FAF1EB
- FDF8F5
Shades
- C7A086
- AA8972
- 8E715E
- 725B4B
- 584639
- 3F3128
- 281E18
- 120D09
- 030201
Tones
- DBB398
- D0AD96
- C6A893
- BCA291
- B29C8E
- A8978B
- 9E9189
- 948B86
- 8A8683
Farbharmonien
Komplementär +180°
- E5B99B
Sumptuous Peach
- 9BCBE8
≈ Spring Tide
Analog -30° +30°
- E5B99B
Sumptuous Peach
- EBB4AD
≈ Pensive Pink
- D6C193
≈ Cache of Camel
Triadisch +120° +240°
- E5B99B
Sumptuous Peach
- 96D2C1
≈ Wintermint
- C6BBE9
≈ Connecticut Lilac
Geteilt komplementär +150° +210°
- E5B99B
Sumptuous Peach
- 91D0D8
≈ Foaming Surf
- AFC3EF
≈ Sky High
Tetradisch +90° +180° +270°
- E5B99B
Sumptuous Peach
- A9CFAA
≈ Mint Circle
- 9BCBE8
≈ Spring Tide
- DAB5DA
≈ French Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.78:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.74:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--sumptuous-peach: #e5b99b;
--sumptuous-peach-rgb: 229 185 155;
--sumptuous-peach-oklch: oklch(0.817 0.065 55.9);
}
.element {
color: var(--sumptuous-peach);
background-color: hsl(24 59% 75%);
border-color: oklch(0.817 0.065 55.9);
}Tailwind CSS v4
@theme {
--color-sumptuous-peach: #e5b99b;
--color-sumptuous-peach-50: #fff1e3;
--color-sumptuous-peach-100: #f9e3d3;
--color-sumptuous-peach-200: #eaceba;
--color-sumptuous-peach-300: #d2b097;
--color-sumptuous-peach-400: #bd9579;
--color-sumptuous-peach-500: #a87b5c;
--color-sumptuous-peach-600: #8e684e;
--color-sumptuous-peach-700: #72533e;
--color-sumptuous-peach-800: #543c2d;
--color-sumptuous-peach-900: #3b291e;
--color-sumptuous-peach-950: #25170e;
}SCSS
$sumptuous-peach: #e5b99b;
$sumptuous-peach-rgb: 229, 185, 155;
$sumptuous-peach-light: mix(#fff, $sumptuous-peach, 20%);
$sumptuous-peach-dark: mix(#000, $sumptuous-peach, 20%);
.element {
color: $sumptuous-peach;
box-shadow: 0 0 0 2px rgba($sumptuous-peach, 0.35);
}