Benannte Farbe · #CCAA77
Burning Gold
Burning Gold ist #CCAA77: rgb(204 170 119), hsl(36 45% 63%), oklch(0.756 0.078 77.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Burning Gold color name →
#CCAA77
oklch(0.756 0.078 77.3)
Farbumrechnungen
- HEX
- #ccaa77
- RGB
- rgb(204 170 119)
- HSL
- hsl(36 45% 63%)
- HWB
- hwb(36 47% 20%)
- OKLCH
- oklch(0.756 0.078 77.3)
- OKLab
- oklab(0.756 0.017 0.076)
- CIE Lab
- lab(71.81 7.77 31.18)
- LCH
- lch(71.81 32.13 76)
- CMYK
- cmyk(0% 17% 42% 20%)
Tints · Shades · Tones
Tints
- D1B285
- D6BB92
- DBC3A0
- E1CCAD
- E6D4BB
- EBDDC8
- F0E5D6
- F5EEE4
- FAF6F1
Shades
- B19367
- 977D57
- 7E6847
- 655338
- 4E3F2A
- 372D1C
- 221B10
- 0F0B05
- 020101
Tones
- C4A679
- BCA27A
- B59D7B
- AD997C
- A6957D
- 9E917E
- 968D7F
- 8F887F
- 878480
Farbharmonien
Komplementär +180°
- CCAA77
Burning Gold
- 91B2E2
≈ Blue Skies Today
Analog -30° +30°
- CCAA77
Burning Gold
- DAA185
≈ Sienna Ochre
- B5B479
≈ Misty Moss
Triadisch +120° +240°
- CCAA77
Burning Gold
- 70C0C1
≈ Pure Turquoise
- C5A1D1
≈ Lilac Lace
Geteilt komplementär +150° +210°
- CCAA77
Burning Gold
- 79BAD7
≈ Pacific Harbour
- ACA9E0
≈ Maximum Blue Purple
Tetradisch +90° +180° +270°
- CCAA77
Burning Gold
- 7EC0A6
≈ Celadon Porcelain
- 91B2E2
≈ Blue Skies Today
- D69CB9
≈ Sweet Perfume
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.19:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.58:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--burning-gold: #ccaa77;
--burning-gold-rgb: 204 170 119;
--burning-gold-oklch: oklch(0.756 0.078 77.3);
}
.element {
color: var(--burning-gold);
background-color: hsl(36 45% 63%);
border-color: oklch(0.756 0.078 77.3);
}Tailwind CSS v4
@theme {
--color-burning-gold: #ccaa77;
--color-burning-gold-50: #fff3dd;
--color-burning-gold-100: #f6e6cb;
--color-burning-gold-200: #e6d1af;
--color-burning-gold-300: #cdb38a;
--color-burning-gold-400: #b99969;
--color-burning-gold-500: #a37f47;
--color-burning-gold-600: #8a6c3d;
--color-burning-gold-700: #6f5631;
--color-burning-gold-800: #523e22;
--color-burning-gold-900: #392b17;
--color-burning-gold-950: #241808;
}SCSS
$burning-gold: #ccaa77;
$burning-gold-rgb: 204, 170, 119;
$burning-gold-light: mix(#fff, $burning-gold, 20%);
$burning-gold-dark: mix(#000, $burning-gold, 20%);
.element {
color: $burning-gold;
box-shadow: 0 0 0 2px rgba($burning-gold, 0.35);
}