Couleur nommée · #D1C1DD
Fresh Heather
Fresh Heather correspond à #D1C1DD : rgb(209 193 221), hsl(274 29% 81%), oklch(0.833 0.042 310.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Fresh Heather color name →
#D1C1DD
oklch(0.833 0.042 310.8)
Conversions de couleur
- HEX
- #d1c1dd
- RGB
- rgb(209 193 221)
- HSL
- hsl(274 29% 81%)
- HWB
- hwb(274 76% 13%)
- OKLCH
- oklch(0.833 0.042 310.8)
- OKLab
- oklab(0.833 0.028 -0.032)
- CIE Lab
- lab(80.07 9.64 -11.89)
- LCH
- lch(80.07 15.31 309.1)
- CMYK
- cmyk(5% 13% 0% 13%)
Teintes · Ombres · Tons
Teintes
- D6C7E0
- DACDE4
- DFD3E7
- E3DAEB
- E8E0EE
- ECE6F1
- F1ECF5
- F6F2F8
- FAF9FC
Ombres
- B5A7C0
- 9B8FA4
- 817788
- 685F6E
- 504955
- 39343D
- 232026
- 100E11
- 020202
Tons
- C9BAD3
- C0B4CA
- B8ADC0
- B0A6B7
- A8A0AD
- A099A4
- 98939B
- 908D92
- 888689
Harmonies de couleurs
Complémentaire +180°
- D1C1DD
Fresh Heather
- BFCEB2
≈ Rhys
Analogue -30° +30°
- D1C1DD
Fresh Heather
- C3C6E4
≈ Powdered Granite
- DCBED0
≈ Delicate Bloom
Triadique +120° +240°
- D1C1DD
Fresh Heather
- DAC4AB
≈ Elafonisi Beach
- AAD1CF
≈ Eton Blue
Complémentaire divisée +150° +210°
- D1C1DD
Fresh Heather
- CECAAA
≈ Thistle Green
- B1D1BF
≈ Pitcher
Tétradique +90° +180° +270°
- D1C1DD
Fresh Heather
- E1C0B4
≈ Sunwashed Brick
- BFCEB2
≈ Rhys
- ABCFDC
≈ Hisoku Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.69:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.38:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.38:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--fresh-heather: #d1c1dd;
--fresh-heather-rgb: 209 193 221;
--fresh-heather-oklch: oklch(0.833 0.042 310.8);
}
.element {
color: var(--fresh-heather);
background-color: hsl(274 29% 81%);
border-color: oklch(0.833 0.042 310.8);
}Tailwind CSS v4
@theme {
--color-fresh-heather: #d1c1dd;
--color-fresh-heather-50: #f9f2fe;
--color-fresh-heather-100: #ede4f2;
--color-fresh-heather-200: #dbcfe1;
--color-fresh-heather-300: #bfb2c7;
--color-fresh-heather-400: #a698b1;
--color-fresh-heather-500: #8f7f9b;
--color-fresh-heather-600: #796b83;
--color-fresh-heather-700: #615669;
--color-fresh-heather-800: #473f4e;
--color-fresh-heather-900: #312b36;
--color-fresh-heather-950: #1d1821;
}SCSS
$fresh-heather: #d1c1dd;
$fresh-heather-rgb: 209, 193, 221;
$fresh-heather-light: mix(#fff, $fresh-heather, 20%);
$fresh-heather-dark: mix(#000, $fresh-heather, 20%);
.element {
color: $fresh-heather;
box-shadow: 0 0 0 2px rgba($fresh-heather, 0.35);
}