Nazwany kolor · #988286
Maud
Maud to #988286: rgb(152 130 134), hsl(349 10% 55%), oklch(0.628 0.027 5.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Maud color name →
#988286
oklch(0.628 0.027 5.6)
Konwersje koloru
- HEX
- #988286
- RGB
- rgb(152 130 134)
- HSL
- hsl(349 10% 55%)
- HWB
- hwb(349 51% 40%)
- OKLCH
- oklch(0.628 0.027 5.6)
- OKLab
- oklab(0.628 0.027 0.003)
- CIE Lab
- lab(56.52 9.19 1.11)
- LCH
- lch(56.52 9.25 6.9)
- CMYK
- cmyk(0% 14% 12% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A28E91
- AC9A9D
- B6A6A9
- C0B2B5
- CBBFC1
- D5CBCD
- DFD8D9
- EAE5E6
- F4F2F2
Odcienie ciemniejsze
- 847074
- 705F62
- 5C4E51
- 4A3E40
- 382F30
- 272021
- 171213
- 080606
- 010101
Tony
- 968285
- 938285
- 918184
- 8F8184
- 8C8183
- 8A8182
- 878182
- 858081
- 828081
Harmonie kolorów
Komplementarna +180°
- 988286
Maud
- 778E8B
≈ Northern Juniper
Analogowa -30° +30°
- 988286
Maud
- 94838F
≈ Quixotic
- 98837D
≈ Wine Crush
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.57:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.87:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.87:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--maud: #988286;
--maud-rgb: 152 130 134;
--maud-oklch: oklch(0.628 0.027 5.6);
}
.element {
color: var(--maud);
background-color: hsl(349 10% 55%);
border-color: oklch(0.628 0.027 5.6);
}Tailwind CSS v4
@theme {
--color-maud: #988286;
--color-maud-50: #fdf2f4;
--color-maud-100: #f1e4e6;
--color-maud-200: #dfd0d2;
--color-maud-300: #c5b2b5;
--color-maud-400: #ae989c;
--color-maud-500: #977f83;
--color-maud-600: #806c6f;
--color-maud-700: #665659;
--color-maud-800: #4b3f41;
--color-maud-900: #342b2d;
--color-maud-950: #20181a;
}SCSS
$maud: #988286;
$maud-rgb: 152, 130, 134;
$maud-light: mix(#fff, $maud, 20%);
$maud-dark: mix(#000, $maud, 20%);
.element {
color: $maud;
box-shadow: 0 0 0 2px rgba($maud, 0.35);
}