Warna bernama · #AB9D9C
Stellar Mist
Stellar Mist adalah #AB9D9C: rgb(171 157 156), hsl(4 8% 64%), oklch(0.708 0.017 22.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Stellar Mist color name →
#AB9D9C
oklch(0.708 0.017 22.5)
Konversi warna
- HEX
- #ab9d9c
- RGB
- rgb(171 157 156)
- HSL
- hsl(4 8% 64%)
- HWB
- hwb(4 61% 33%)
- OKLCH
- oklch(0.708 0.017 22.5)
- OKLab
- oklab(0.708 0.015 0.006)
- CIE Lab
- lab(65.94 5.16 2.47)
- LCH
- lch(65.94 5.73 25.6)
- CMYK
- cmyk(0% 8% 9% 33%)
Tint · Shade · Tone
Tint
- B3A6A5
- BBB0AF
- C4B9B9
- CCC3C3
- D4CDCC
- DDD7D6
- E5E1E0
- EEEBEB
- F6F5F5
Shade
- 948887
- 7E7373
- 685F5F
- 544C4C
- 403A39
- 2D2828
- 1B1818
- 0B0909
- 010101
Tone
- A79A99
- A29796
- 9E9494
- 9A9191
- 958E8E
- 918B8B
- 8D8988
- 888686
- 848383
Harmoni warna
Komplementer +180°
- AB9D9C
Stellar Mist
- 96A4A5
≈ Dusty Sky
Analog -30° +30°
- AB9D9C
Stellar Mist
- AA9DA2
≈ Nobel
- AA9E98
≈ Truly Taupe
Triadik +120° +240°
- AB9D9C
Stellar Mist
- 9BA49A
≈ Nature’s Gift
- 9BA1AB
≈ Rough Stone
Split-komplementer +150° +210°
- AB9D9C
Stellar Mist
- 97A4A0
≈ Dusty Dream
- 97A3AA
≈ Dusty Sky
Tetradik +90° +180° +270°
- AB9D9C
Stellar Mist
- A1A296
≈ Grey Expose
- 96A4A5
≈ Dusty Sky
- A19FAB
≈ Amethyst Haze
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.61:1 · APCA Lc 51
Ag
AAADi atas hitam
WCAG 8.03:1 · APCA Lc 51
Warna teks terbaik: #000000
WCAG 8.03:1 (AAA) · APCA Lc 51
Contrast pairs
Cuplikan kode
CSS
:root {
--stellar-mist: #ab9d9c;
--stellar-mist-rgb: 171 157 156;
--stellar-mist-oklch: oklch(0.708 0.017 22.5);
}
.element {
color: var(--stellar-mist);
background-color: hsl(4 8% 64%);
border-color: oklch(0.708 0.017 22.5);
}Tailwind CSS v4
@theme {
--color-stellar-mist: #ab9d9c;
--color-stellar-mist-50: #faf3f3;
--color-stellar-mist-100: #ede6e5;
--color-stellar-mist-200: #dbd2d1;
--color-stellar-mist-300: #c0b4b3;
--color-stellar-mist-400: #a89b9a;
--color-stellar-mist-500: #918281;
--color-stellar-mist-600: #7b6e6d;
--color-stellar-mist-700: #625857;
--color-stellar-mist-800: #484040;
--color-stellar-mist-900: #322c2c;
--color-stellar-mist-950: #1e1919;
}SCSS
$stellar-mist: #ab9d9c;
$stellar-mist-rgb: 171, 157, 156;
$stellar-mist-light: mix(#fff, $stellar-mist, 20%);
$stellar-mist-dark: mix(#000, $stellar-mist, 20%);
.element {
color: $stellar-mist;
box-shadow: 0 0 0 2px rgba($stellar-mist, 0.35);
}