Nächste benannte Farbe · #7D4F00
#7D4F00
Nächste benannte Farbe: Grizzly
#7D4F00 (rgb(125 79 0), hsl(38 100% 25%), oklch(0.468 0.101 71.2)) liegt am nächsten an der benannten Farbe Grizzly. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#7D4F00
oklch(0.468 0.101 71.2)
Farbumrechnungen
- HEX
- #7d4f00
- RGB
- rgb(125 79 0)
- HSL
- hsl(38 100% 25%)
- HWB
- hwb(38 0% 51%)
- OKLCH
- oklch(0.468 0.101 71.2)
- OKLab
- oklab(0.468 0.033 0.095)
- CIE Lab
- lab(38.14 15.94 46.74)
- LCH
- lch(38.14 49.38 71.2)
- CMYK
- cmyk(0% 37% 100% 51%)
Tints · Shades · Tones
Tints
- 8A6027
- 977141
- A48258
- B19370
- BEA487
- CBB69E
- D8C8B6
- E5DACE
- F2ECE6
Shades
- 6C4400
- 5B3800
- 4B2E00
- 3B2300
- 2C1900
- 1E1000
- 110700
- 050200
- 010000
Tones
- 7E541A
- 7E5929
- 7F5E36
- 7F6342
- 80684D
- 806D57
- 807262
- 80776C
- 807B76
Farbharmonien
Komplementär +180°
- 7D4F00
Grizzly
- 2A5D91
≈ Sapphire Lace
Analog -30° +30°
- 7D4F00
Grizzly
- 88442A
≈ Olive Niçoise
- 665B00
≈ Brussels Sprout Green
Triadisch +120° +240°
- 7D4F00
Grizzly
- 006865
≈ Chinese Garden
- 6D4884
≈ Plum Jam
Geteilt komplementär +150° +210°
- 7D4F00
Grizzly
- 00657C
≈ Striking
- 515291
≈ Twilight
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.02:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.99:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.02:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--grizzly: #7d4f00;
--grizzly-rgb: 125 79 0;
--grizzly-oklch: oklch(0.468 0.101 71.2);
}
.element {
color: var(--grizzly);
background-color: hsl(38 100% 25%);
border-color: oklch(0.468 0.101 71.2);
}Tailwind CSS v4
@theme {
--color-grizzly: #7d4f00;
--color-grizzly-50: #fff1d6;
--color-grizzly-100: #fde3c4;
--color-grizzly-200: #efcea5;
--color-grizzly-300: #d7b07d;
--color-grizzly-400: #c49459;
--color-grizzly-500: #b07a30;
--color-grizzly-600: #94672b;
--color-grizzly-700: #775222;
--color-grizzly-800: #593b17;
--color-grizzly-900: #3e290f;
--color-grizzly-950: #271603;
}SCSS
$grizzly: #7d4f00;
$grizzly-rgb: 125, 79, 0;
$grizzly-light: mix(#fff, $grizzly, 20%);
$grizzly-dark: mix(#000, $grizzly, 20%);
.element {
color: $grizzly;
box-shadow: 0 0 0 2px rgba($grizzly, 0.35);
}