Benannte Farbe · #D78E48
Golden Nugget
Golden Nugget ist #D78E48: rgb(215 142 72), hsl(29 64% 56%), oklch(0.708 0.123 62.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Nugget color name →
#D78E48
oklch(0.708 0.123 62.2)
Farbumrechnungen
- HEX
- #d78e48
- RGB
- rgb(215 142 72)
- HSL
- hsl(29 64% 56%)
- HWB
- hwb(29 28% 16%)
- OKLCH
- oklch(0.708 0.123 62.2)
- OKLab
- oklab(0.708 0.057 0.109)
- CIE Lab
- lab(65.67 23.87 48.18)
- LCH
- lch(65.67 53.77 63.6)
- CMYK
- cmyk(0% 34% 67% 16%)
Tints · Shades · Tones
Tints
- DC995D
- E0A570
- E5B082
- E9BB94
- EDC7A6
- F1D2B8
- F5DDCA
- F8E8DB
- FCF4ED
Shades
- BB7B3D
- 9F6833
- 855629
- 6B441F
- 523416
- 3B240D
- 251506
- 110702
- 020100
Tones
- CE8D50
- C68C57
- BD8B5E
- B58A64
- AC8869
- A3876E
- 9B8573
- 928478
- 89827C
Farbharmonien
Komplementär +180°
- D78E48
Golden Nugget
- 52A9E7
≈ Cerulean
Analog -30° +30°
- D78E48
Golden Nugget
- E3826F
≈ Peach Posey
- BC9E38
≈ Tiki Torch
Triadisch +120° +240°
- D78E48
Golden Nugget
- 17B9A7
≈ Verditer
- AF8DE0
≈ Middy’s Purple
Geteilt komplementär +150° +210°
- D78E48
Golden Nugget
- 01B4CD
≈ Antigua Blue
- 869BEE
≈ Periwinkle Blue
Tetradisch +90° +180° +270°
- D78E48
Golden Nugget
- 5FB77A
≈ Appleton
- 52A9E7
≈ Cerulean
- CE83C3
≈ Pink Punk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.67:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.85:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.85:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--golden-nugget: #d78e48;
--golden-nugget-rgb: 215 142 72;
--golden-nugget-oklch: oklch(0.708 0.123 62.2);
}
.element {
color: var(--golden-nugget);
background-color: hsl(29 64% 56%);
border-color: oklch(0.708 0.123 62.2);
}Tailwind CSS v4
@theme {
--color-golden-nugget: #d78e48;
--color-golden-nugget-50: #ffefd1;
--color-golden-nugget-100: #ffe0be;
--color-golden-nugget-200: #faca9d;
--color-golden-nugget-300: #e4aa73;
--color-golden-nugget-400: #d28d4c;
--color-golden-nugget-500: #bf7116;
--color-golden-nugget-600: #a16017;
--color-golden-nugget-700: #814c13;
--color-golden-nugget-800: #61370d;
--color-golden-nugget-900: #442508;
--color-golden-nugget-950: #2c1400;
}SCSS
$golden-nugget: #d78e48;
$golden-nugget-rgb: 215, 142, 72;
$golden-nugget-light: mix(#fff, $golden-nugget, 20%);
$golden-nugget-dark: mix(#000, $golden-nugget, 20%);
.element {
color: $golden-nugget;
box-shadow: 0 0 0 2px rgba($golden-nugget, 0.35);
}