Benannte Farbe · #CEAB77
Golden Age
Golden Age ist #CEAB77: rgb(206 171 119), hsl(36 47% 64%), oklch(0.76 0.08 77). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Age color name →
#CEAB77
oklch(0.76 0.08 77)
Farbumrechnungen
- HEX
- #ceab77
- RGB
- rgb(206 171 119)
- HSL
- hsl(36 47% 64%)
- HWB
- hwb(36 47% 19%)
- OKLCH
- oklch(0.76 0.08 77)
- OKLab
- oklab(0.76 0.018 0.078)
- CIE Lab
- lab(72.26 8.09 31.8)
- LCH
- lch(72.26 32.81 75.7)
- CMYK
- cmyk(0% 17% 42% 19%)
Tints · Shades · Tones
Tints
- D3B385
- D8BC92
- DDC4A0
- E2CCAD
- E7D5BB
- ECDDC8
- F0E6D6
- F5EEE4
- FAF7F1
Shades
- B39467
- 987E57
- 7F6847
- 665438
- 4E402A
- 382D1C
- 231B10
- 0F0B05
- 020101
Tones
- C6A779
- BEA27A
- B69E7B
- AE9A7C
- A6967D
- 9F917E
- 978D7F
- 8F897F
- 888480
Farbharmonien
Komplementär +180°
- CEAB77
Golden Age
- 91B3E4
≈ Blue Skies Today
Analog -30° +30°
- CEAB77
Golden Age
- DCA286
≈ Sienna Ochre
- B7B579
≈ Misty Moss
Triadisch +120° +240°
- CEAB77
Golden Age
- 70C1C3
≈ Luna Moona
- C6A2D3
≈ Lilac Lace
Geteilt komplementär +150° +210°
- CEAB77
Golden Age
- 79BCD9
≈ Pacific Harbour
- ADAAE2
≈ Maximum Blue Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.16:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.71:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--golden-age: #ceab77;
--golden-age-rgb: 206 171 119;
--golden-age-oklch: oklch(0.76 0.08 77);
}
.element {
color: var(--golden-age);
background-color: hsl(36 47% 64%);
border-color: oklch(0.76 0.08 77);
}Tailwind CSS v4
@theme {
--color-golden-age: #ceab77;
--color-golden-age-50: #fff3dc;
--color-golden-age-100: #f7e5cb;
--color-golden-age-200: #e7d1af;
--color-golden-age-300: #ceb389;
--color-golden-age-400: #b99968;
--color-golden-age-500: #a47f46;
--color-golden-age-600: #8b6c3c;
--color-golden-age-700: #6f5630;
--color-golden-age-800: #533e21;
--color-golden-age-900: #3a2b16;
--color-golden-age-950: #241807;
}SCSS
$golden-age: #ceab77;
$golden-age-rgb: 206, 171, 119;
$golden-age-light: mix(#fff, $golden-age, 20%);
$golden-age-dark: mix(#000, $golden-age, 20%);
.element {
color: $golden-age;
box-shadow: 0 0 0 2px rgba($golden-age, 0.35);
}