Benannte Farbe · #C19763
Mannered Gold
Mannered Gold ist #C19763: rgb(193 151 99), hsl(33 43% 57%), oklch(0.704 0.085 71.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Mannered Gold color name →
#C19763
oklch(0.704 0.085 71.7)
Farbumrechnungen
- HEX
- #c19763
- RGB
- rgb(193 151 99)
- HSL
- hsl(33 43% 57%)
- HWB
- hwb(33 39% 24%)
- OKLCH
- oklch(0.704 0.085 71.7)
- OKLab
- oklab(0.704 0.027 0.081)
- CIE Lab
- lab(65.6 11.48 33.62)
- LCH
- lch(65.6 35.53 71.2)
- CMYK
- cmyk(0% 22% 49% 24%)
Tints · Shades · Tones
Tints
- C7A173
- CEAB82
- D4B692
- DAC0A1
- E0CAB1
- E7D5C0
- EDDFD0
- F3EADF
- F9F4EF
Shades
- A78355
- 8F6F47
- 775C3A
- 5F492E
- 493721
- 342616
- 20170B
- 0E0803
- 020100
Tones
- BA9567
- B4936A
- AD906E
- A78E71
- A08C74
- 9A8A76
- 948779
- 8D857B
- 87827E
Farbharmonien
Komplementär +180°
- C19763
Mannered Gold
- 78A3D4
≈ Boudoir Blue
Analog -30° +30°
- C19763
Mannered Gold
- CE8E76
≈ Sociable
- AAA262
≈ Wavy Glass
Triadisch +120° +240°
- C19763
Mannered Gold
- 58B1AD
≈ Artesian Well
- B191C7
≈ Fleur-De-Lis
Geteilt komplementär +150° +210°
- C19763
Mannered Gold
- 5EACC5
≈ Blue Mist
- 9699D4
≈ Bluebell Frost
Tetradisch +90° +180° +270°
- C19763
Mannered Gold
- 6DB08F
≈ Melon Green
- 78A3D4
≈ Boudoir Blue
- C58BAF
≈ Bonny Belle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.66:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.87:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--mannered-gold: #c19763;
--mannered-gold-rgb: 193 151 99;
--mannered-gold-oklch: oklch(0.704 0.085 71.7);
}
.element {
color: var(--mannered-gold);
background-color: hsl(33 43% 57%);
border-color: oklch(0.704 0.085 71.7);
}Tailwind CSS v4
@theme {
--color-mannered-gold: #c19763;
--color-mannered-gold-50: #fff2db;
--color-mannered-gold-100: #fae4c9;
--color-mannered-gold-200: #ebcfad;
--color-mannered-gold-300: #d2b187;
--color-mannered-gold-400: #be9665;
--color-mannered-gold-500: #a97c42;
--color-mannered-gold-600: #8f6939;
--color-mannered-gold-700: #73542d;
--color-mannered-gold-800: #553d20;
--color-mannered-gold-900: #3c2a15;
--color-mannered-gold-950: #251706;
}SCSS
$mannered-gold: #c19763;
$mannered-gold-rgb: 193, 151, 99;
$mannered-gold-light: mix(#fff, $mannered-gold, 20%);
$mannered-gold-dark: mix(#000, $mannered-gold, 20%);
.element {
color: $mannered-gold;
box-shadow: 0 0 0 2px rgba($mannered-gold, 0.35);
}