Colore con nome · #996251
Ginger Gold
Ginger Gold è #996251: rgb(153 98 81), hsl(14 31% 46%), oklch(0.552 0.077 37.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ginger Gold color name →
#996251
oklch(0.552 0.077 37.9)
Conversioni di colore
- HEX
- #996251
- RGB
- rgb(153 98 81)
- HSL
- hsl(14 31% 46%)
- HWB
- hwb(14 32% 40%)
- OKLCH
- oklch(0.552 0.077 37.9)
- OKLab
- oklab(0.552 0.06 0.047)
- CIE Lab
- lab(47.42 21.48 19.4)
- LCH
- lch(47.42 28.94 42.1)
- CMYK
- cmyk(0% 36% 47% 40%)
Tinte · Ombre · Toni
Tinte
- A47161
- AE8072
- B88F82
- C39F93
- CDAEA5
- D7BEB6
- E1CEC8
- EBDEDA
- F5EEEC
Ombre
- 845445
- 70473A
- 5D3A2F
- 4A2D24
- 38211A
- 271610
- 170B07
- 080302
- 010000
Toni
- 976556
- 95685B
- 936C5F
- 906F64
- 8E7269
- 8B756E
- 897872
- 867A77
- 837D7B
Armonie di colore
Complementare +180°
- 996251
Ginger Gold
- 357D90
≈ Larkspur
Analogo -30° +30°
- 996251
Ginger Gold
- 995F69
≈ Abra Cadabra
- 90693F
≈ Spanish Leather
Triadico +120° +240°
- 996251
Ginger Gold
- 498061
≈ Sports Field Green
- 676E9F
≈ Dusted Peri
Complementare divisa +150° +210°
- 996251
Ginger Gold
- 32807A
≈ Apatite Blue
- 4D769D
≈ Secrecy
Tetradico +90° +180° +270°
- 996251
Ginger Gold
- 657B49
≈ Mown Grass
- 357D90
≈ Larkspur
- 7E6695
≈ Clematis
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.97:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.22:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--ginger-gold: #996251;
--ginger-gold-rgb: 153 98 81;
--ginger-gold-oklch: oklch(0.552 0.077 37.9);
}
.element {
color: var(--ginger-gold);
background-color: hsl(14 31% 46%);
border-color: oklch(0.552 0.077 37.9);
}Tailwind CSS v4
@theme {
--color-ginger-gold: #996251;
--color-ginger-gold-50: #ffeee5;
--color-ginger-gold-100: #ffe0d5;
--color-ginger-gold-200: #f2cabc;
--color-ginger-gold-300: #dbab9a;
--color-ginger-gold-400: #c78f7e;
--color-ginger-gold-500: #b27461;
--color-ginger-gold-600: #976252;
--color-ginger-gold-700: #794f42;
--color-ginger-gold-800: #5a3930;
--color-ginger-gold-900: #3f2720;
--color-ginger-gold-950: #281510;
}SCSS
$ginger-gold: #996251;
$ginger-gold-rgb: 153, 98, 81;
$ginger-gold-light: mix(#fff, $ginger-gold, 20%);
$ginger-gold-dark: mix(#000, $ginger-gold, 20%);
.element {
color: $ginger-gold;
box-shadow: 0 0 0 2px rgba($ginger-gold, 0.35);
}