Benannte Farbe · #717867
Burdock
Burdock ist #717867: rgb(113 120 103), hsl(85 8% 44%), oklch(0.562 0.027 125.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Burdock color name →
#717867
oklch(0.562 0.027 125.5)
Farbumrechnungen
- HEX
- #717867
- RGB
- rgb(113 120 103)
- HSL
- hsl(85 8% 44%)
- HWB
- hwb(85 40% 53%)
- OKLCH
- oklch(0.562 0.027 125.5)
- OKLab
- oklab(0.562 -0.016 0.022)
- CIE Lab
- lab(49.45 -5.22 8.43)
- LCH
- lch(49.45 9.92 121.8)
- CMYK
- cmyk(6% 0% 14% 53%)
Tints · Shades · Tones
Tints
- 7E8575
- 8C9183
- 999F92
- A7ACA1
- B5B9B0
- C4C7BF
- D2D5CF
- E1E3DF
- F0F1EF
Shades
- 616759
- 52574B
- 43483D
- 353930
- 272A23
- 1A1D17
- 0E100C
- 040504
- 010100
Tones
- 72796A
- 747A6C
- 757A6F
- 777B71
- 787C74
- 7A7D76
- 7B7E79
- 7D7E7B
- 7E7F7E
Farbharmonien
Komplementär +180°
- 717867
Burdock
- 797182
≈ Peruvian Violet
Analog -30° +30°
- 717867
Burdock
- 7A7563
≈ Lapwing Grey Green
- 697A6E
≈ Atlas Cedar Green
Triadisch +120° +240°
- 717867
Burdock
- 687784
≈ Hypnotic
- 846F73
≈ Pomace Red
Geteilt komplementär +150° +210°
- 717867
Burdock
- 707485
≈ Storm Grey
- 806F7B
≈ Lively Lavender
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.58:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.58:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.58:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--burdock: #717867;
--burdock-rgb: 113 120 103;
--burdock-oklch: oklch(0.562 0.027 125.5);
}
.element {
color: var(--burdock);
background-color: hsl(85 8% 44%);
border-color: oklch(0.562 0.027 125.5);
}Tailwind CSS v4
@theme {
--color-burdock: #717867;
--color-burdock-50: #f3f7ef;
--color-burdock-100: #e5eae0;
--color-burdock-200: #d1d7ca;
--color-burdock-300: #b3baac;
--color-burdock-400: #9aa290;
--color-burdock-500: #828a76;
--color-burdock-600: #6e7464;
--color-burdock-700: #585d50;
--color-burdock-800: #40443a;
--color-burdock-900: #2c2f28;
--color-burdock-950: #191c16;
}SCSS
$burdock: #717867;
$burdock-rgb: 113, 120, 103;
$burdock-light: mix(#fff, $burdock, 20%);
$burdock-dark: mix(#000, $burdock, 20%);
.element {
color: $burdock;
box-shadow: 0 0 0 2px rgba($burdock, 0.35);
}