Nächste benannte Farbe · #847369
#847369
Nächste benannte Farbe: Namibia
#847369 (rgb(132 115 105), hsl(22 11% 46%), oklch(0.568 0.026 52.4)) liegt am nächsten an der benannten Farbe Namibia. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#847369
oklch(0.568 0.026 52.4)
Farbumrechnungen
- HEX
- #847369
- RGB
- rgb(132 115 105)
- HSL
- hsl(22 11% 46%)
- HWB
- hwb(22 41% 48%)
- OKLCH
- oklch(0.568 0.026 52.4)
- OKLab
- oklab(0.568 0.016 0.021)
- CIE Lab
- lab(49.83 5.57 8.12)
- LCH
- lch(49.83 9.84 55.6)
- CMYK
- cmyk(0% 13% 20% 48%)
Tints · Shades · Tones
Tints
- 908077
- 9C8D85
- A89B94
- B4A9A2
- C0B7B1
- CCC5C0
- D9D3D0
- E5E2DF
- F2F0EF
Shades
- 72635A
- 60544C
- 4F453E
- 3F3631
- 2F2824
- 201B18
- 120F0C
- 060504
- 010100
Tones
- 84746B
- 83766E
- 837770
- 837872
- 827A75
- 827B77
- 817C79
- 817D7B
- 807F7E
Farbharmonien
Komplementär +180°
- 847369
Namibia
- 687A84
≈ Metal Grey
Analog -30° +30°
- 847369
Namibia
- 867170
≈ Meridian
- 7F7666
≈ Rattlesnake
Triadisch +120° +240°
- 847369
Namibia
- 687C75
≈ Cypress Garden
- 777485
≈ Ash Mauve
Geteilt komplementär +150° +210°
- 847369
Namibia
- 657C7E
≈ Catfish
- 6F7787
≈ Ice Blue Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.52:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.63:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--namibia: #847369;
--namibia-rgb: 132 115 105;
--namibia-oklch: oklch(0.568 0.026 52.4);
}
.element {
color: var(--namibia);
background-color: hsl(22 11% 46%);
border-color: oklch(0.568 0.026 52.4);
}Tailwind CSS v4
@theme {
--color-namibia: #847369;
--color-namibia-50: #fbf3ee;
--color-namibia-100: #efe6e0;
--color-namibia-200: #ded2ca;
--color-namibia-300: #c3b4ab;
--color-namibia-400: #ac9b91;
--color-namibia-500: #958277;
--color-namibia-600: #7e6e64;
--color-namibia-700: #655850;
--color-namibia-800: #4a403a;
--color-namibia-900: #332c28;
--color-namibia-950: #1f1916;
}SCSS
$namibia: #847369;
$namibia-rgb: 132, 115, 105;
$namibia-light: mix(#fff, $namibia, 20%);
$namibia-dark: mix(#000, $namibia, 20%);
.element {
color: $namibia;
box-shadow: 0 0 0 2px rgba($namibia, 0.35);
}