Benannte Farbe · #E4D183
Starfruit
Starfruit ist #E4D183: rgb(228 209 131), hsl(48 64% 70%), oklch(0.859 0.1 96.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Starfruit color name →
#E4D183
oklch(0.859 0.1 96.1)
Farbumrechnungen
- HEX
- #e4d183
- RGB
- rgb(228 209 131)
- HSL
- hsl(48 64% 70%)
- HWB
- hwb(48 51% 11%)
- OKLCH
- oklch(0.859 0.1 96.1)
- OKLab
- oklab(0.859 -0.011 0.1)
- CIE Lab
- lab(84.15 -0.96 41.12)
- LCH
- lch(84.15 41.13 91.3)
- CMYK
- cmyk(0% 8% 43% 11%)
Tints · Shades · Tones
Tints
- E7D690
- E9DA9D
- ECDFAA
- EFE4B6
- F1E8C3
- F4EDCF
- F7F1DB
- F9F6E7
- FCFBF3
Shades
- C6B571
- A99B60
- 8D814F
- 72683F
- 58502F
- 3F3920
- 282312
- 121006
- 030201
Tones
- DAC984
- CFC084
- C5B884
- BBB084
- B1A884
- A7A084
- 9D9883
- 939082
- 898881
Farbharmonien
Komplementär +180°
- E4D183
Starfruit
- C4CEFF
≈ Lavender Blue
Analog -30° +30°
- E4D183
Starfruit
- FEC489
≈ Bundaberg Sand
- C0DD95
≈ Tree Line
Triadisch +120° +240°
- E4D183
Starfruit
- 7DE2FB
≈ Tranquil Pool
- FBB8EA
≈ Pink Quartz
Geteilt komplementär +150° +210°
- E4D183
Starfruit
- A9D6FF
≈ Malmö FF
- DFC2FF
≈ Jane Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.52:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.74:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--starfruit: #e4d183;
--starfruit-rgb: 228 209 131;
--starfruit-oklch: oklch(0.859 0.1 96.1);
}
.element {
color: var(--starfruit);
background-color: hsl(48 64% 70%);
border-color: oklch(0.859 0.1 96.1);
}Tailwind CSS v4
@theme {
--color-starfruit: #e4d183;
--color-starfruit-50: #fcf6d6;
--color-starfruit-100: #f0e9c3;
--color-starfruit-200: #dfd5a4;
--color-starfruit-300: #c5b87c;
--color-starfruit-400: #b09e56;
--color-starfruit-500: #9a852b;
--color-starfruit-600: #827126;
--color-starfruit-700: #685a1e;
--color-starfruit-800: #4e4213;
--color-starfruit-900: #362d0c;
--color-starfruit-950: #211a01;
}SCSS
$starfruit: #e4d183;
$starfruit-rgb: 228, 209, 131;
$starfruit-light: mix(#fff, $starfruit, 20%);
$starfruit-dark: mix(#000, $starfruit, 20%);
.element {
color: $starfruit;
box-shadow: 0 0 0 2px rgba($starfruit, 0.35);
}