Benannte Farbe · #484450
Ishtar
Ishtar ist #484450: rgb(72 68 80), hsl(260 8% 29%), oklch(0.395 0.021 300.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ishtar color name →
#484450
oklch(0.395 0.021 300.7)
Farbumrechnungen
- HEX
- #484450
- RGB
- rgb(72 68 80)
- HSL
- hsl(260 8% 29%)
- HWB
- hwb(260 27% 69%)
- OKLCH
- oklch(0.395 0.021 300.7)
- OKLab
- oklab(0.395 0.011 -0.018)
- CIE Lab
- lab(29.59 3.78 -6.6)
- LCH
- lch(29.59 7.6 299.8)
- CMYK
- cmyk(10% 15% 0% 69%)
Tints · Shades · Tones
Tints
- 585560
- 696670
- 7A7781
- 8C8A92
- 9E9CA3
- B1AFB5
- C4C3C7
- D7D6D9
- EBEBEC
Shades
- 3D3A44
- 333039
- 29262E
- 1F1D24
- 16141A
- 0D0C10
- 060507
- 020202
- 000000
Tones
- 4D4A55
- 534F59
- 58555E
- 5E5B63
- 636168
- 69676C
- 6F6D71
- 747476
- 7A7A7B
Farbharmonien
Komplementär +180°
- 484450
Ishtar
- 45483C
≈ Ripe Olive
Analog -30° +30°
- 484450
Ishtar
- 424652
≈ Midnight Sky
- 4D434C
≈ Black Dahlia
Triadisch +120° +240°
- 484450
Ishtar
- 4F443B
≈ Peppercorn Rent
- 3B4A47
≈ Deep Mooring
Geteilt komplementär +150° +210°
- 484450
Ishtar
- 4A463A
≈ Moss Glen
- 3F4A41
≈ Nightly Ivy
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.46:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.21:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.46:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--ishtar: #484450;
--ishtar-rgb: 72 68 80;
--ishtar-oklch: oklch(0.395 0.021 300.7);
}
.element {
color: var(--ishtar);
background-color: hsl(260 8% 29%);
border-color: oklch(0.395 0.021 300.7);
}Tailwind CSS v4
@theme {
--color-ishtar: #484450;
--color-ishtar-50: #f6f4fa;
--color-ishtar-100: #e9e6ee;
--color-ishtar-200: #d6d2dc;
--color-ishtar-300: #b9b5c0;
--color-ishtar-400: #a09ca9;
--color-ishtar-500: #888392;
--color-ishtar-600: #736f7c;
--color-ishtar-700: #5c5963;
--color-ishtar-800: #434149;
--color-ishtar-900: #2e2d32;
--color-ishtar-950: #1b1a1e;
}SCSS
$ishtar: #484450;
$ishtar-rgb: 72, 68, 80;
$ishtar-light: mix(#fff, $ishtar, 20%);
$ishtar-dark: mix(#000, $ishtar, 20%);
.element {
color: $ishtar;
box-shadow: 0 0 0 2px rgba($ishtar, 0.35);
}