Benannte Farbe · #B29155
Golden Egg
Golden Egg ist #B29155: rgb(178 145 85), hsl(39 38% 52%), oklch(0.674 0.088 81.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Egg color name →
#B29155
oklch(0.674 0.088 81.3)
Farbumrechnungen
- HEX
- #b29155
- RGB
- rgb(178 145 85)
- HSL
- hsl(39 38% 52%)
- HWB
- hwb(39 33% 30%)
- OKLCH
- oklch(0.674 0.088 81.3)
- OKLab
- oklab(0.674 0.013 0.087)
- CIE Lab
- lab(62.3 7.29 36.5)
- LCH
- lch(62.3 37.22 78.7)
- CMYK
- cmyk(0% 19% 52% 30%)
Tints · Shades · Tones
Tints
- BA9C66
- C1A778
- C9B188
- D1BC99
- D8C7AA
- E0D2BB
- E8DDCC
- EFE9DD
- F7F4EE
Shades
- 9A7D49
- 836A3D
- 6D5831
- 574626
- 43351C
- 2F2511
- 1D1508
- 0C0702
- 010100
Tones
- AD8F5B
- A88E60
- A38C64
- 9E8B69
- 99896D
- 948771
- 8F8675
- 8A8479
- 85827D
Farbharmonien
Komplementär +180°
- B29155
Golden Egg
- 7897CD
≈ Pannikin
Analog -30° +30°
- B29155
Golden Egg
- C28764
≈ Sassy
- 989C5A
≈ Stem
Triadisch +120° +240°
- B29155
Golden Egg
- 4AA7AD
≈ Tidal Teal
- B085B7
≈ African Violet
Geteilt komplementär +150° +210°
- B29155
Golden Egg
- 5AA0C3
≈ Dupain
- 978DC9
≈ Hermosa
Tetradisch +90° +180° +270°
- B29155
Golden Egg
- 58A890
≈ O’grady Green
- 7897CD
≈ Pannikin
- C0809D
≈ Polignac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.96:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.07:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.07:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--golden-egg: #b29155;
--golden-egg-rgb: 178 145 85;
--golden-egg-oklch: oklch(0.674 0.088 81.3);
}
.element {
color: var(--golden-egg);
background-color: hsl(39 38% 52%);
border-color: oklch(0.674 0.088 81.3);
}Tailwind CSS v4
@theme {
--color-golden-egg: #b29155;
--color-golden-egg-50: #fff4d9;
--color-golden-egg-100: #f6e6c7;
--color-golden-egg-200: #e7d2aa;
--color-golden-egg-300: #cdb484;
--color-golden-egg-400: #b99961;
--color-golden-egg-500: #a4803c;
--color-golden-egg-600: #8a6c34;
--color-golden-egg-700: #6f5729;
--color-golden-egg-800: #533f1c;
--color-golden-egg-900: #3a2b12;
--color-golden-egg-950: #241805;
}SCSS
$golden-egg: #b29155;
$golden-egg-rgb: 178, 145, 85;
$golden-egg-light: mix(#fff, $golden-egg, 20%);
$golden-egg-dark: mix(#000, $golden-egg, 20%);
.element {
color: $golden-egg;
box-shadow: 0 0 0 2px rgba($golden-egg, 0.35);
}