Benannte Farbe · #C89D3F
Goldie
Goldie ist #C89D3F: rgb(200 157 63), hsl(41 55% 52%), oklch(0.719 0.121 83.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Goldie color name →
#C89D3F
oklch(0.719 0.121 83.9)
Farbumrechnungen
- HEX
- #c89d3f
- RGB
- rgb(200 157 63)
- HSL
- hsl(41 55% 52%)
- HWB
- hwb(41 25% 22%)
- OKLCH
- oklch(0.719 0.121 83.9)
- OKLab
- oklab(0.719 0.013 0.121)
- CIE Lab
- lab(67.52 9.4 53.57)
- LCH
- lch(67.52 54.39 80)
- CMYK
- cmyk(0% 21% 69% 22%)
Tints · Shades · Tones
Tints
- CEA756
- D3B16B
- D9BB7F
- DEC491
- E4CEA4
- E9D8B6
- EFE2C8
- F4EBDB
- FAF5ED
Shades
- AE8835
- 94732C
- 7B5F23
- 634C1B
- 4C3A12
- 36280A
- 211804
- 0F0901
- 020100
Tones
- C19A49
- B99852
- B2955A
- AB9261
- A48F67
- 9D8C6D
- 958972
- 8E8677
- 87837C
Farbharmonien
Komplementär +180°
- C89D3F
Goldie
- 7DA3F0
≈ Fennel Flower
Analog -30° +30°
- C89D3F
Goldie
- DF8E57
≈ Hematitic Sand
- A3AC4C
≈ Intoxication
Triadisch +120° +240°
- C89D3F
Goldie
- 0CBAC7
≈ Utopia Beckons
- C989CF
≈ Purception
Geteilt komplementär +150° +210°
- C89D3F
Goldie
- 48B0E4
≈ Summer Sky
- A895E9
≈ Dull Lavender
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.51:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.35:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--goldie: #c89d3f;
--goldie-rgb: 200 157 63;
--goldie-oklch: oklch(0.719 0.121 83.9);
}
.element {
color: var(--goldie);
background-color: hsl(41 55% 52%);
border-color: oklch(0.719 0.121 83.9);
}Tailwind CSS v4
@theme {
--color-goldie: #c89d3f;
--color-goldie-50: #fff3ce;
--color-goldie-100: #fae6ba;
--color-goldie-200: #ebd198;
--color-goldie-300: #d3b36d;
--color-goldie-400: #c09840;
--color-goldie-500: #ac7d00;
--color-goldie-600: #916a00;
--color-goldie-700: #745500;
--color-goldie-800: #573d00;
--color-goldie-900: #3d2a01;
--color-goldie-950: #261700;
}SCSS
$goldie: #c89d3f;
$goldie-rgb: 200, 157, 63;
$goldie-light: mix(#fff, $goldie, 20%);
$goldie-dark: mix(#000, $goldie, 20%);
.element {
color: $goldie;
box-shadow: 0 0 0 2px rgba($goldie, 0.35);
}