Adlandırılmış renk · #9F97A3
Fortune
Fortune, #9F97A3: rgb(159 151 163), hsl(280 6% 62%), oklch(0.687 0.02 314.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Fortune color name →
#9F97A3
oklch(0.687 0.02 314.7)
Renk dönüşümleri
- HEX
- #9f97a3
- RGB
- rgb(159 151 163)
- HSL
- hsl(280 6% 62%)
- HWB
- hwb(280 59% 36%)
- OKLCH
- oklch(0.687 0.02 314.7)
- OKLab
- oklab(0.687 0.014 -0.014)
- CIE Lab
- lab(63.44 4.74 -5.21)
- LCH
- lch(63.44 7.04 312.3)
- CMYK
- cmyk(2% 7% 0% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A8A1AC
- B2ABB5
- BBB5BE
- C4BFC7
- CECAD0
- D8D4D9
- E1DFE3
- EBE9EC
- F5F4F5
Koyu tonlar
- 8A838D
- 756F78
- 615C63
- 4D494F
- 3B373C
- 29262A
- 181719
- 09080A
- 010101
Gri tonlar
- 9C959F
- 99929C
- 969098
- 928E95
- 8F8B91
- 8C898E
- 89878A
- 868587
- 838283
Renk uyumları
Tamamlayıcı +180°
- 9F97A3
Fortune
- 959D91
≈ Acacia Haze
Analog -30° +30°
- 9F97A3
Fortune
- 9999A6
≈ Acanthus
- A4969D
≈ Lavender Lily
Üçlü +120° +240°
- 9F97A3
Fortune
- A2998D
≈ Grey Flanks
- 8D9E9E
≈ Abyss
Bölünmüş tamamlayıcı +150° +210°
- 9F97A3
Fortune
- 9C9B8E
≈ Hunter’s Hollow
- 909E97
≈ Marble Green
Dörtlü +90° +180° +270°
- 9F97A3
Fortune
- A59791
≈ Wet Clay
- 959D91
≈ Acacia Haze
- 8E9DA4
≈ Lakefront
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.82:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.42:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.42:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--fortune: #9f97a3;
--fortune-rgb: 159 151 163;
--fortune-oklch: oklch(0.687 0.02 314.7);
}
.element {
color: var(--fortune);
background-color: hsl(280 6% 62%);
border-color: oklch(0.687 0.02 314.7);
}Tailwind CSS v4
@theme {
--color-fortune: #9f97a3;
--color-fortune-50: #f7f3f9;
--color-fortune-100: #eae6ec;
--color-fortune-200: #d8d2da;
--color-fortune-300: #bbb4be;
--color-fortune-400: #a39ba7;
--color-fortune-500: #8b828f;
--color-fortune-600: #766e79;
--color-fortune-700: #5e5861;
--color-fortune-800: #454047;
--color-fortune-900: #2f2c31;
--color-fortune-950: #1c191d;
}SCSS
$fortune: #9f97a3;
$fortune-rgb: 159, 151, 163;
$fortune-light: mix(#fff, $fortune, 20%);
$fortune-dark: mix(#000, $fortune, 20%);
.element {
color: $fortune;
box-shadow: 0 0 0 2px rgba($fortune, 0.35);
}