Couleur nommée · #C9C2DD
Ice Mauve
Ice Mauve correspond à #C9C2DD : rgb(201 194 221), hsl(256 28% 81%), oklch(0.828 0.038 297.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Ice Mauve color name →
#C9C2DD
oklch(0.828 0.038 297.4)
Conversions de couleur
- HEX
- #c9c2dd
- RGB
- rgb(201 194 221)
- HSL
- hsl(256 28% 81%)
- HWB
- hwb(256 76% 13%)
- OKLCH
- oklch(0.828 0.038 297.4)
- OKLab
- oklab(0.828 0.018 -0.034)
- CIE Lab
- lab(79.64 6.36 -12.6)
- LCH
- lch(79.64 14.12 296.8)
- CMYK
- cmyk(9% 12% 0% 13%)
Teintes · Ombres · Tons
Teintes
- CEC8E0
- D4CEE4
- D9D4E7
- DEDAEB
- E4E0EE
- E9E6F1
- EFECF5
- F4F3F8
- F9F9FC
Ombres
- AEA8C0
- 958FA4
- 7C7788
- 64606E
- 4C4955
- 36343D
- 222026
- 0F0E11
- 020202
Tons
- C1BBD3
- BAB4CA
- B2AEC0
- ABA7B7
- A4A0AD
- 9C9AA4
- 95939B
- 8E8D92
- 878689
Harmonies de couleurs
Complémentaire +180°
- C9C2DD
Ice Mauve
- C4CAAF
≈ Spring Hill
Analogue -30° +30°
- C9C2DD
Ice Mauve
- BCC7E0
≈ Violet Scent Soft Blue
- D5BFD4
≈ Lovely Pink
Triadique +120° +240°
- C9C2DD
Ice Mauve
- DBC1AF
≈ Artisan Tea
- AECFC6
≈ Steamy Spring
Complémentaire divisée +150° +210°
- C9C2DD
Ice Mauve
- D1C6AB
≈ Nomadic Taupe
- B7CEB9
≈ Sunlit Sea
Tétradique +90° +180° +270°
- C9C2DD
Ice Mauve
- DFBEB9
≈ Strawflower
- C4CAAF
≈ Spring Hill
- ABCED3
≈ Hisoku Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.71:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.24:1 · APCA Lc 72
Meilleure couleur de texte: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--ice-mauve: #c9c2dd;
--ice-mauve-rgb: 201 194 221;
--ice-mauve-oklch: oklch(0.828 0.038 297.4);
}
.element {
color: var(--ice-mauve);
background-color: hsl(256 28% 81%);
border-color: oklch(0.828 0.038 297.4);
}Tailwind CSS v4
@theme {
--color-ice-mauve: #c9c2dd;
--color-ice-mauve-50: #f6f3ff;
--color-ice-mauve-100: #e9e5f3;
--color-ice-mauve-200: #d6d1e3;
--color-ice-mauve-300: #bab3c9;
--color-ice-mauve-400: #a19ab3;
--color-ice-mauve-500: #89819d;
--color-ice-mauve-600: #746d85;
--color-ice-mauve-700: #5c576a;
--color-ice-mauve-800: #43404e;
--color-ice-mauve-900: #2e2c37;
--color-ice-mauve-950: #1b1921;
}SCSS
$ice-mauve: #c9c2dd;
$ice-mauve-rgb: 201, 194, 221;
$ice-mauve-light: mix(#fff, $ice-mauve, 20%);
$ice-mauve-dark: mix(#000, $ice-mauve, 20%);
.element {
color: $ice-mauve;
box-shadow: 0 0 0 2px rgba($ice-mauve, 0.35);
}