Nazwany kolor · #9497B3
Frosty Nightfall
Frosty Nightfall to #9497B3: rgb(148 151 179), hsl(234 17% 64%), oklch(0.683 0.041 280.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Frosty Nightfall color name →
#9497B3
oklch(0.683 0.041 280.4)
Konwersje koloru
- HEX
- #9497b3
- RGB
- rgb(148 151 179)
- HSL
- hsl(234 17% 64%)
- HWB
- hwb(234 58% 30%)
- OKLCH
- oklch(0.683 0.041 280.4)
- OKLab
- oklab(0.683 0.007 -0.041)
- CIE Lab
- lab(62.93 3.33 -15.05)
- LCH
- lch(62.93 15.41 282.5)
- CMYK
- cmyk(17% 16% 0% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9EA1BA
- A8ABC2
- B3B5CA
- BDC0D1
- C8CAD9
- D3D4E0
- DEDFE8
- E9E9F0
- F4F4F7
Odcienie ciemniejsze
- 80839B
- 6D6F84
- 5A5C6E
- 484958
- 363743
- 26262F
- 16171D
- 08080C
- 010101
Tony
- 9295AE
- 9092A9
- 8E90A4
- 8C8E9E
- 8A8C99
- 888994
- 86878F
- 84858A
- 828285
Harmonie kolorów
Komplementarna +180°
- 9497B3
Frosty Nightfall
- 9F9A7D
≈ Grey Olive
Analogowa -30° +30°
- 9497B3
Frosty Nightfall
- 879CB2
≈ Private Jet
- A193AD
≈ Compliment
Triada +120° +240°
- 9497B3
Frosty Nightfall
- B19186
≈ Plush Suede
- 84A291
≈ Mossy Bench
Komplementarna rozszczepiona +150° +210°
- 9497B3
Frosty Nightfall
- AA957E
≈ Adolescent Rodent
- 919F84
≈ Fresh Sod
Tetrada +90° +180° +270°
- 9497B3
Frosty Nightfall
- B18F93
≈ Deauville Mauve
- 9F9A7D
≈ Grey Olive
- 7CA29F
≈ Tower Bridge
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.86:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.33:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--frosty-nightfall: #9497b3;
--frosty-nightfall-rgb: 148 151 179;
--frosty-nightfall-oklch: oklch(0.683 0.041 280.4);
}
.element {
color: var(--frosty-nightfall);
background-color: hsl(234 17% 64%);
border-color: oklch(0.683 0.041 280.4);
}Tailwind CSS v4
@theme {
--color-frosty-nightfall: #9497b3;
--color-frosty-nightfall-50: #f3f4ff;
--color-frosty-nightfall-100: #e5e6f6;
--color-frosty-nightfall-200: #d1d2e6;
--color-frosty-nightfall-300: #b4b5cd;
--color-frosty-nightfall-400: #999cb7;
--color-frosty-nightfall-500: #8084a2;
--color-frosty-nightfall-600: #6d6f89;
--color-frosty-nightfall-700: #57596d;
--color-frosty-nightfall-800: #3f4151;
--color-frosty-nightfall-900: #2b2d38;
--color-frosty-nightfall-950: #191a23;
}SCSS
$frosty-nightfall: #9497b3;
$frosty-nightfall-rgb: 148, 151, 179;
$frosty-nightfall-light: mix(#fff, $frosty-nightfall, 20%);
$frosty-nightfall-dark: mix(#000, $frosty-nightfall, 20%);
.element {
color: $frosty-nightfall;
box-shadow: 0 0 0 2px rgba($frosty-nightfall, 0.35);
}