Benannte Farbe · #585D4E
Nottingham Forest
Nottingham Forest ist #585D4E: rgb(88 93 78), hsl(80 9% 34%), oklch(0.469 0.024 122.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Nottingham Forest color name →
#585D4E
oklch(0.469 0.024 122.3)
Farbumrechnungen
- HEX
- #585d4e
- RGB
- rgb(88 93 78)
- HSL
- hsl(80 9% 34%)
- HWB
- hwb(80 31% 64%)
- OKLCH
- oklch(0.469 0.024 122.3)
- OKLab
- oklab(0.469 -0.013 0.021)
- CIE Lab
- lab(38.69 -4.31 7.95)
- LCH
- lch(38.69 9.05 118.5)
- CMYK
- cmyk(5% 0% 16% 64%)
Tints · Shades · Tones
Tints
- 676C5E
- 777B6E
- 878A7F
- 979A91
- A8AAA2
- B8BBB4
- CACBC6
- DBDCD9
- EDEEEC
Shades
- 4B5043
- 3F4338
- 33372D
- 282A23
- 1D1F19
- 12140F
- 090A07
- 030302
- 000000
Tones
- 5C6053
- 606458
- 64675D
- 686B62
- 6C6E67
- 70726C
- 747571
- 787976
- 7C7C7B
Farbharmonien
Komplementär +180°
- 585D4E
Nottingham Forest
- 5D5866
≈ Legacy
Analog -30° +30°
- 585D4E
Nottingham Forest
- 5F5A4B
≈ Hidden Trail
- 515F54
≈ Siberian Green
Triadisch +120° +240°
- 585D4E
Nottingham Forest
- 4F5D67
≈ Wizard Grey
- 675559
≈ Indulgent
Geteilt komplementär +150° +210°
- 585D4E
Nottingham Forest
- 565A69
≈ Shearwater Black
- 635661
≈ Grand Grape
Tetradisch +90° +180° +270°
- 585D4E
Nottingham Forest
- 4B5E63
≈ Still Waters Run Deep
- 5D5866
≈ Legacy
- 685652
≈ Nocturnal Flight
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.79:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.09:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.79:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--nottingham-forest: #585d4e;
--nottingham-forest-rgb: 88 93 78;
--nottingham-forest-oklch: oklch(0.469 0.024 122.3);
}
.element {
color: var(--nottingham-forest);
background-color: hsl(80 9% 34%);
border-color: oklch(0.469 0.024 122.3);
}Tailwind CSS v4
@theme {
--color-nottingham-forest: #585d4e;
--color-nottingham-forest-50: #f3f6ef;
--color-nottingham-forest-100: #e6e9e1;
--color-nottingham-forest-200: #d2d6cb;
--color-nottingham-forest-300: #b4baac;
--color-nottingham-forest-400: #9ca191;
--color-nottingham-forest-500: #838977;
--color-nottingham-forest-600: #6f7465;
--color-nottingham-forest-700: #595d51;
--color-nottingham-forest-800: #41443a;
--color-nottingham-forest-900: #2d2f28;
--color-nottingham-forest-950: #1a1b16;
}SCSS
$nottingham-forest: #585d4e;
$nottingham-forest-rgb: 88, 93, 78;
$nottingham-forest-light: mix(#fff, $nottingham-forest, 20%);
$nottingham-forest-dark: mix(#000, $nottingham-forest, 20%);
.element {
color: $nottingham-forest;
box-shadow: 0 0 0 2px rgba($nottingham-forest, 0.35);
}