Nazwany kolor · #96AEB0
Quiet Moment
Quiet Moment to #96AEB0: rgb(150 174 176), hsl(185 14% 64%), oklch(0.733 0.027 202.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Quiet Moment color name →
#96AEB0
oklch(0.733 0.027 202.7)
Konwersje koloru
- HEX
- #96aeb0
- RGB
- rgb(150 174 176)
- HSL
- hsl(185 14% 64%)
- HWB
- hwb(185 59% 31%)
- OKLCH
- oklch(0.733 0.027 202.7)
- OKLab
- oklab(0.733 -0.025 -0.01)
- CIE Lab
- lab(69.3 -8.26 -3.97)
- LCH
- lch(69.3 9.17 205.7)
- CMYK
- cmyk(15% 1% 0% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A0B6B8
- AABEBF
- B5C6C7
- BFCECF
- CAD6D7
- D4DEDF
- DFE6E7
- E9EEEF
- F4F7F7
Odcienie ciemniejsze
- 829799
- 6E8082
- 5B6A6C
- 495556
- 374142
- 262E2E
- 161C1C
- 080B0B
- 010101
Tony
- 94A9AB
- 92A5A6
- 90A0A1
- 8D9B9C
- 8B9798
- 899293
- 878E8E
- 858989
- 828585
Harmonie kolorów
Komplementarna +180°
- 96AEB0
Quiet Moment
- B9A3A1
≈ Lilac Smoke
Analogowa -30° +30°
- 96AEB0
Quiet Moment
- 98AEA7
≈ April Rain
- 99ACB7
≈ Pacific Bliss
Triada +120° +240°
- 96AEB0
Quiet Moment
- B1A3B3
≈ Midsummer Twilight
- B1A896
≈ Linseed
Komplementarna rozszczepiona +150° +210°
- 96AEB0
Quiet Moment
- B7A2AA
≈ Magical Mauve
- B7A49A
≈ Pick of the Litter
Tetrada +90° +180° +270°
- 96AEB0
Quiet Moment
- A9A6B9
≈ Curated Lilac
- B9A3A1
≈ Lilac Smoke
- A8AB98
≈ Humble Hippo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.33:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.97:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.97:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--quiet-moment: #96aeb0;
--quiet-moment-rgb: 150 174 176;
--quiet-moment-oklch: oklch(0.733 0.027 202.7);
}
.element {
color: var(--quiet-moment);
background-color: hsl(185 14% 64%);
border-color: oklch(0.733 0.027 202.7);
}Tailwind CSS v4
@theme {
--color-quiet-moment: #96aeb0;
--color-quiet-moment-50: #edf7f9;
--color-quiet-moment-100: #deebec;
--color-quiet-moment-200: #c8d8da;
--color-quiet-moment-300: #a8bcbe;
--color-quiet-moment-400: #8da3a5;
--color-quiet-moment-500: #728c8e;
--color-quiet-moment-600: #617678;
--color-quiet-moment-700: #4d5f60;
--color-quiet-moment-800: #384546;
--color-quiet-moment-900: #263030;
--color-quiet-moment-950: #151c1d;
}SCSS
$quiet-moment: #96aeb0;
$quiet-moment-rgb: 150, 174, 176;
$quiet-moment-light: mix(#fff, $quiet-moment, 20%);
$quiet-moment-dark: mix(#000, $quiet-moment, 20%);
.element {
color: $quiet-moment;
box-shadow: 0 0 0 2px rgba($quiet-moment, 0.35);
}