Benannte Farbe · #CEA277
Golden Beige
Golden Beige ist #CEA277: rgb(206 162 119), hsl(30 47% 64%), oklch(0.743 0.078 65.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Beige color name →
#CEA277
oklch(0.743 0.078 65.5)
Farbumrechnungen
- HEX
- #cea277
- RGB
- rgb(206 162 119)
- HSL
- hsl(30 47% 64%)
- HWB
- hwb(30 47% 19%)
- OKLCH
- oklch(0.743 0.078 65.5)
- OKLab
- oklab(0.743 0.032 0.071)
- CIE Lab
- lab(70 12.68 28.92)
- LCH
- lch(70 31.57 66.3)
- CMYK
- cmyk(0% 21% 42% 19%)
Tints · Shades · Tones
Tints
- D3AB85
- D8B492
- DDBEA0
- E2C7AD
- E7D0BB
- ECD9C8
- F1E3D6
- F6ECE3
- FAF6F1
Shades
- B38C67
- 987757
- 7F6347
- 664F38
- 4E3C2A
- 382A1C
- 231910
- 0F0A05
- 020101
Tones
- C69F78
- BE9B7A
- B6987B
- AF957C
- A7917D
- 9F8E7E
- 978A7E
- 8F877F
- 888380
Farbharmonien
Komplementär +180°
- CEA277
Golden Beige
- 82B1DA
≈ Boo Blue
Analog -30° +30°
- CEA277
Golden Beige
- D89A8A
≈ Shanghai Peach
- BAAC72
≈ Goldie Oldie
Triadisch +120° +240°
- CEA277
Golden Beige
- 6FBCB2
≈ Pool Blue
- B79FD3
≈ Purple Premiere
Geteilt komplementär +150° +210°
- CEA277
Golden Beige
- 6FB8CB
≈ Blue Brocade
- 9DA8DD
≈ Sorbet Ice Mauve
Tetradisch +90° +180° +270°
- CEA277
Golden Beige
- 83BB97
≈ Forest Frolic
- 82B1DA
≈ Boo Blue
- CB99BF
≈ Peach Buff
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.31:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.05:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.05:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--golden-beige: #cea277;
--golden-beige-rgb: 206 162 119;
--golden-beige-oklch: oklch(0.743 0.078 65.5);
}
.element {
color: var(--golden-beige);
background-color: hsl(30 47% 64%);
border-color: oklch(0.743 0.078 65.5);
}Tailwind CSS v4
@theme {
--color-golden-beige: #cea277;
--color-golden-beige-50: #fff2de;
--color-golden-beige-100: #fae4cd;
--color-golden-beige-200: #ebcfb2;
--color-golden-beige-300: #d3b08d;
--color-golden-beige-400: #bf956d;
--color-golden-beige-500: #aa7b4c;
--color-golden-beige-600: #8f6941;
--color-golden-beige-700: #735434;
--color-golden-beige-800: #553c25;
--color-golden-beige-900: #3c2a19;
--color-golden-beige-950: #251709;
}SCSS
$golden-beige: #cea277;
$golden-beige-rgb: 206, 162, 119;
$golden-beige-light: mix(#fff, $golden-beige, 20%);
$golden-beige-dark: mix(#000, $golden-beige, 20%);
.element {
color: $golden-beige;
box-shadow: 0 0 0 2px rgba($golden-beige, 0.35);
}