Benannte Farbe · #C79E73
Gingersnap
Gingersnap ist #C79E73: rgb(199 158 115), hsl(31 43% 62%), oklch(0.727 0.076 67.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Gingersnap color name →
#C79E73
oklch(0.727 0.076 67.5)
Farbumrechnungen
- HEX
- #c79e73
- RGB
- rgb(199 158 115)
- HSL
- hsl(31 43% 62%)
- HWB
- hwb(31 45% 22%)
- OKLCH
- oklch(0.727 0.076 67.5)
- OKLab
- oklab(0.727 0.029 0.07)
- CIE Lab
- lab(68.21 11.55 28.57)
- LCH
- lch(68.21 30.82 68)
- CMYK
- cmyk(0% 21% 42% 22%)
Tints · Shades · Tones
Tints
- CDA881
- D2B18F
- D8BB9D
- DEC4AA
- E3CEB8
- E9D8C6
- EFE1D4
- F4EBE2
- FAF5F1
Shades
- AD8963
- 937454
- 7A6045
- 624D36
- 4C3A28
- 36291B
- 21180F
- 0E0905
- 020101
Tones
- C09B75
- B99877
- B29578
- AA927A
- A38F7B
- 9C8C7C
- 95897D
- 8E867E
- 87837F
Farbharmonien
Komplementär +180°
- C79E73
Gingersnap
- 80ACD4
≈ Cotton Wool Blue
Analog -30° +30°
- C79E73
Gingersnap
- D19685
≈ Peach Preserve
- B3A770
≈ Natchez Moss
Triadisch +120° +240°
- C79E73
Gingersnap
- 6CB6AF
≈ Florida Turquoise
- B49ACC
≈ Atlantic Tulip
Geteilt komplementär +150° +210°
- C79E73
Gingersnap
- 6DB3C6
≈ Riverside Blue
- 9BA3D6
≈ Dalmatian Sage
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.45:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.56:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--gingersnap: #c79e73;
--gingersnap-rgb: 199 158 115;
--gingersnap-oklch: oklch(0.727 0.076 67.5);
}
.element {
color: var(--gingersnap);
background-color: hsl(31 43% 62%);
border-color: oklch(0.727 0.076 67.5);
}Tailwind CSS v4
@theme {
--color-gingersnap: #c79e73;
--color-gingersnap-50: #fff2de;
--color-gingersnap-100: #f9e4cd;
--color-gingersnap-200: #eacfb2;
--color-gingersnap-300: #d1b18e;
--color-gingersnap-400: #bd966e;
--color-gingersnap-500: #a87c4d;
--color-gingersnap-600: #8e6942;
--color-gingersnap-700: #725435;
--color-gingersnap-800: #543d25;
--color-gingersnap-900: #3b2a19;
--color-gingersnap-950: #25170a;
}SCSS
$gingersnap: #c79e73;
$gingersnap-rgb: 199, 158, 115;
$gingersnap-light: mix(#fff, $gingersnap, 20%);
$gingersnap-dark: mix(#000, $gingersnap, 20%);
.element {
color: $gingersnap;
box-shadow: 0 0 0 2px rgba($gingersnap, 0.35);
}