Benannte Farbe · #E8D2B1
Powdered Gold
Powdered Gold ist #E8D2B1: rgb(232 210 177), hsl(36 54% 80%), oklch(0.874 0.05 78). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Powdered Gold color name →
#E8D2B1
oklch(0.874 0.05 78)
Farbumrechnungen
- HEX
- #e8d2b1
- RGB
- rgb(232 210 177)
- HSL
- hsl(36 54% 80%)
- HWB
- hwb(36 69% 9%)
- OKLCH
- oklch(0.874 0.05 78)
- OKLab
- oklab(0.874 0.01 0.049)
- CIE Lab
- lab(85.41 4.18 19.36)
- LCH
- lch(85.41 19.8 77.8)
- CMYK
- cmyk(0% 9% 24% 9%)
Tints · Shades · Tones
Tints
- EAD6B9
- EDDBC1
- EFDFC8
- F1E4D0
- F4E8D8
- F6EDE0
- F8F1E8
- FAF6EF
- FDFAF7
Shades
- CAB699
- AC9B83
- 90816C
- 746857
- 595042
- 40392F
- 29241C
- 13100C
- 030201
Tones
- DDCAAC
- D2C1A7
- C8B9A2
- BDB09D
- B3A899
- A8A094
- 9E988F
- 94908A
- 8A8885
Farbharmonien
Komplementär +180°
- E8D2B1
Powdered Gold
- C1D7F7
≈ Oh Boy!
Analog -30° +30°
- E8D2B1
Powdered Gold
- F2CCB9
≈ Watusi
- D8D8B3
≈ Kohlrabi Green
Triadisch +120° +240°
- E8D2B1
Powdered Gold
- AFE0E1
≈ Opal
- E4CCEB
≈ Footie Pyjamas
Geteilt komplementär +150° +210°
- E8D2B1
Powdered Gold
- B4DDF0
≈ Seashore Dreams
- D3D1F5
≈ Pale Phthalo Blue
Tetradisch +90° +180° +270°
- E8D2B1
Powdered Gold
- B6E1CF
≈ Jade Sea
- C1D7F7
≈ Oh Boy!
- F0C9DB
≈ Persian Delight
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.47:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.28:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.28:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--powdered-gold: #e8d2b1;
--powdered-gold-rgb: 232 210 177;
--powdered-gold-oklch: oklch(0.874 0.05 78);
}
.element {
color: var(--powdered-gold);
background-color: hsl(36 54% 80%);
border-color: oklch(0.874 0.05 78);
}Tailwind CSS v4
@theme {
--color-powdered-gold: #e8d2b1;
--color-powdered-gold-50: #fdf4e5;
--color-powdered-gold-100: #f1e6d6;
--color-powdered-gold-200: #e0d2bd;
--color-powdered-gold-300: #c5b59b;
--color-powdered-gold-400: #af9b7d;
--color-powdered-gold-500: #998260;
--color-powdered-gold-600: #816e52;
--color-powdered-gold-700: #675841;
--color-powdered-gold-800: #4d402f;
--color-powdered-gold-900: #352c20;
--color-powdered-gold-950: #20190f;
}SCSS
$powdered-gold: #e8d2b1;
$powdered-gold-rgb: 232, 210, 177;
$powdered-gold-light: mix(#fff, $powdered-gold, 20%);
$powdered-gold-dark: mix(#000, $powdered-gold, 20%);
.element {
color: $powdered-gold;
box-shadow: 0 0 0 2px rgba($powdered-gold, 0.35);
}