Benannte Farbe · #D7C9E3
Purity
Purity ist #D7C9E3: rgb(215 201 227), hsl(272 32% 84%), oklch(0.855 0.039 309.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purity color name →
#D7C9E3
oklch(0.855 0.039 309.5)
Farbumrechnungen
- HEX
- #d7c9e3
- RGB
- rgb(215 201 227)
- HSL
- hsl(272 32% 84%)
- HWB
- hwb(272 79% 11%)
- OKLCH
- oklch(0.855 0.039 309.5)
- OKLab
- oklab(0.855 0.025 -0.03)
- CIE Lab
- lab(82.73 8.59 -11.09)
- LCH
- lch(82.73 14.03 307.8)
- CMYK
- cmyk(5% 11% 0% 11%)
Tints · Shades · Tones
Tints
- DBCEE6
- DFD4E9
- E3D9EB
- E7DEEE
- EBE4F1
- EFE9F4
- F3EFF7
- F7F4F9
- FBFAFC
Shades
- BBAEC5
- 9F95A8
- 857C8C
- 6B6471
- 524C57
- 3B363F
- 252227
- 110F12
- 020203
Tones
- CEC1D9
- C5BACE
- BCB3C4
- B3ABBA
- AAA4B0
- A29DA6
- 99959D
- 918E93
- 888789
Farbharmonien
Komplementär +180°
- D7C9E3
Purity
- C7D5BB
≈ Willow Tree Mouse
Analog -30° +30°
- D7C9E3
Purity
- CACDE9
≈ Purple Pj’s
- E2C6D8
≈ Pretty Pale
Triadisch +120° +240°
- D7C9E3
Purity
- E0CCB5
≈ Rice Crackers
- B4D8D5
≈ Ring Box Blue
Geteilt komplementär +150° +210°
- D7C9E3
Purity
- D5D0B4
≈ White Rock
- BBD8C7
≈ Dusty Aqua
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.35:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--purity: #d7c9e3;
--purity-rgb: 215 201 227;
--purity-oklch: oklch(0.855 0.039 309.5);
}
.element {
color: var(--purity);
background-color: hsl(272 32% 84%);
border-color: oklch(0.855 0.039 309.5);
}Tailwind CSS v4
@theme {
--color-purity: #d7c9e3;
--color-purity-50: #f9f2fd;
--color-purity-100: #ece4f2;
--color-purity-200: #dad0e1;
--color-purity-300: #beb2c6;
--color-purity-400: #a599b0;
--color-purity-500: #8e7f9a;
--color-purity-600: #786c82;
--color-purity-700: #605668;
--color-purity-800: #463f4d;
--color-purity-900: #302b35;
--color-purity-950: #1d1921;
}SCSS
$purity: #d7c9e3;
$purity-rgb: 215, 201, 227;
$purity-light: mix(#fff, $purity, 20%);
$purity-dark: mix(#000, $purity, 20%);
.element {
color: $purity;
box-shadow: 0 0 0 2px rgba($purity, 0.35);
}