Adlandırılmış renk · #AB9D9C
Stellar Mist
Stellar Mist, #AB9D9C: rgb(171 157 156), hsl(4 8% 64%), oklch(0.708 0.017 22.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Stellar Mist color name →
#AB9D9C
oklch(0.708 0.017 22.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B3A6A5
- BBB0AF
- C4B9B9
- CCC3C3
- D4CDCC
- DDD7D6
- E5E1E0
- EEEBEB
- F6F5F5
Koyu tonlar
- 948887
- 7E7373
- 685F5F
- 544C4C
- 403A39
- 2D2828
- 1B1818
- 0B0909
- 010101
Gri tonlar
- A79A99
- A29796
- 9E9494
- 9A9191
- 958E8E
- 918B8B
- 8D8988
- 888686
- 848383
Renk uyumları
Tamamlayıcı +180°
- AB9D9C
Stellar Mist
- 96A4A5
≈ Dusty Sky
Analog -30° +30°
- AB9D9C
Stellar Mist
- AA9DA2
≈ Nobel
- AA9E98
≈ Truly Taupe
Üçlü +120° +240°
- AB9D9C
Stellar Mist
- 9BA49A
≈ Nature’s Gift
- 9BA1AB
≈ Rough Stone
Bölünmüş tamamlayıcı +150° +210°
- AB9D9C
Stellar Mist
- 97A4A0
≈ Dusty Dream
- 97A3AA
≈ Dusty Sky
Dörtlü +90° +180° +270°
- AB9D9C
Stellar Mist
- A1A296
≈ Grey Expose
- 96A4A5
≈ Dusty Sky
- A19FAB
≈ Amethyst Haze
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.61:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.03:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.03:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
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);
}