Benannte Farbe · #FEE5C8
Sour Tarts
Sour Tarts ist #FEE5C8: rgb(254 229 200), hsl(32 96% 89%), oklch(0.935 0.047 71.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sour Tarts color name →
#FEE5C8
oklch(0.935 0.047 71.3)
Farbumrechnungen
- HEX
- #fee5c8
- RGB
- rgb(254 229 200)
- HSL
- hsl(32 96% 89%)
- HWB
- hwb(32 78% 0%)
- OKLCH
- oklch(0.935 0.047 71.3)
- OKLab
- oklab(0.935 0.015 0.045)
- CIE Lab
- lab(92.45 5.58 17.48)
- LCH
- lch(92.45 18.35 72.3)
- CMYK
- cmyk(0% 10% 21% 0%)
Tints · Shades · Tones
Tints
- FEE8CE
- FEEAD3
- FEEDD9
- FFEFDE
- FFF2E4
- FFF5E9
- FFF7EF
- FFFAF4
- FFFCFA
Shades
- DDC7AE
- BDAA94
- 9E8E7B
- 807263
- 63584C
- 473F36
- 2D2821
- 16120F
- 030302
Tones
- F1DAC1
- E4D0B9
- D7C6B2
- CABBAB
- BDB1A4
- B1A79C
- A49D95
- 98938E
- 8C8A87
Farbharmonien
Komplementär +180°
- FEE5C8
Sour Tarts
- DAECFF
≈ Hoarfrost
Analog -30° +30°
- FEE5C8
Sour Tarts
- FFE3D8
≈ Peach Cloud
- F0EBC7
≈ Natural Light
Triadisch +120° +240°
- FEE5C8
Sour Tarts
- C6F4F1
≈ Vaporised
- F3E2FF
≈ Lavender Savour
Geteilt komplementär +150° +210°
- FEE5C8
Sour Tarts
- CAF1FF
≈ Heaven’s Gate
- E5E8FF
≈ Glitter
Tetradisch +90° +180° +270°
- FEE5C8
Sour Tarts
- CFF4E0
≈ Fennel Tea
- DAECFF
≈ Hoarfrost
- FFDFF2
≈ So This Is Love
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.25:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.25:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--sour-tarts: #fee5c8;
--sour-tarts-rgb: 254 229 200;
--sour-tarts-oklch: oklch(0.935 0.047 71.3);
}
.element {
color: var(--sour-tarts);
background-color: hsl(32 96% 89%);
border-color: oklch(0.935 0.047 71.3);
}Tailwind CSS v4
@theme {
--color-sour-tarts: #fee5c8;
--color-sour-tarts-50: #fef3e7;
--color-sour-tarts-100: #f2e6d7;
--color-sour-tarts-200: #e1d2bf;
--color-sour-tarts-300: #c6b49e;
--color-sour-tarts-400: #b09a81;
--color-sour-tarts-500: #9a8164;
--color-sour-tarts-600: #826e55;
--color-sour-tarts-700: #685844;
--color-sour-tarts-800: #4d4031;
--color-sour-tarts-900: #362c21;
--color-sour-tarts-950: #211910;
}SCSS
$sour-tarts: #fee5c8;
$sour-tarts-rgb: 254, 229, 200;
$sour-tarts-light: mix(#fff, $sour-tarts, 20%);
$sour-tarts-dark: mix(#000, $sour-tarts, 20%);
.element {
color: $sour-tarts;
box-shadow: 0 0 0 2px rgba($sour-tarts, 0.35);
}