Nazwany kolor · #A19FC8
May Mist
May Mist to #A19FC8: rgb(161 159 200), hsl(243 27% 70%), oklch(0.718 0.059 287). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · May Mist color name →
#A19FC8
oklch(0.718 0.059 287)
Konwersje koloru
- HEX
- #a19fc8
- RGB
- rgb(161 159 200)
- HSL
- hsl(243 27% 70%)
- HWB
- hwb(243 62% 22%)
- OKLCH
- oklch(0.718 0.059 287)
- OKLab
- oklab(0.718 0.017 -0.057)
- CIE Lab
- lab(66.74 7.22 -20.88)
- LCH
- lch(66.74 22.1 289.1)
- CMYK
- cmyk(20% 21% 0% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AAA8CE
- B3B2D3
- BCBBD9
- C5C5DE
- CFCEE4
- D8D8E9
- E2E2EF
- EBEBF4
- F5F5FA
Odcienie ciemniejsze
- 8B8AAE
- 767594
- 62617B
- 4E4D63
- 3C3B4C
- 2A2936
- 191821
- 09090F
- 010102
Tony
- 9E9CC1
- 9A99B9
- 9796B2
- 9493AB
- 9090A4
- 8D8C9C
- 8A8995
- 86868E
- 838387
Harmonie kolorów
Komplementarna +180°
- A19FC8
May Mist
- A8A77C
≈ Olive Tree
Analogowa -30° +30°
- A19FC8
May Mist
- 8DA6CA
≈ Polo Blue
- B399BD
≈ Grape Smoke
Triada +120° +240°
- A19FC8
May Mist
- C49985
≈ Revenant Brown
- 80B09C
≈ Beau Monde
Komplementarna rozszczepiona +150° +210°
- A19FC8
May Mist
- B9A07A
≈ Satyr Brown
- 93AD89
≈ Flora Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.52:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.30:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.30:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--may-mist: #a19fc8;
--may-mist-rgb: 161 159 200;
--may-mist-oklch: oklch(0.718 0.059 287);
}
.element {
color: var(--may-mist);
background-color: hsl(243 27% 70%);
border-color: oklch(0.718 0.059 287);
}Tailwind CSS v4
@theme {
--color-may-mist: #a19fc8;
--color-may-mist-50: #f4f3ff;
--color-may-mist-100: #e7e5fb;
--color-may-mist-200: #d3d1ed;
--color-may-mist-300: #b6b3d5;
--color-may-mist-400: #9b9ac0;
--color-may-mist-500: #8380ac;
--color-may-mist-600: #6f6d91;
--color-may-mist-700: #595774;
--color-may-mist-800: #404056;
--color-may-mist-900: #2c2c3c;
--color-may-mist-950: #191926;
}SCSS
$may-mist: #a19fc8;
$may-mist-rgb: 161, 159, 200;
$may-mist-light: mix(#fff, $may-mist, 20%);
$may-mist-dark: mix(#000, $may-mist, 20%);
.element {
color: $may-mist;
box-shadow: 0 0 0 2px rgba($may-mist, 0.35);
}