Benannte Farbe · #D5E1E0
Pristine Petal
Pristine Petal ist #D5E1E0: rgb(213 225 224), hsl(175 17% 86%), oklch(0.9 0.013 190.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pristine Petal color name →
#D5E1E0
oklch(0.9 0.013 190.9)
Farbumrechnungen
- HEX
- #d5e1e0
- RGB
- rgb(213 225 224)
- HSL
- hsl(175 17% 86%)
- HWB
- hwb(175 84% 12%)
- OKLCH
- oklch(0.9 0.013 190.9)
- OKLab
- oklab(0.9 -0.013 -0.002)
- CIE Lab
- lab(88.59 -4.3 -0.97)
- LCH
- lch(88.59 4.41 192.8)
- CMYK
- cmyk(5% 0% 0% 12%)
Tints · Shades · Tones
Tints
- D9E4E3
- DDE7E6
- E2EAE9
- E6EDEC
- EAF0EF
- EEF3F3
- F2F6F6
- F7F9F9
- FBFCFC
Shades
- B9C4C3
- 9EA7A6
- 838B8A
- 6A7070
- 515656
- 3A3E3E
- 242727
- 101212
- 020202
Tones
- CCD7D6
- C3CDCC
- BBC3C2
- B2B9B8
- AAAFAF
- A1A6A5
- 999C9C
- 909392
- 888989
Farbharmonien
Komplementär +180°
- D5E1E0
Pristine Petal
- E6DBDC
≈ White Cherry
Analog -30° +30°
- D5E1E0
Pristine Petal
- D7E1DB
≈ Night Wind
- D5E0E4
≈ Blue Smoke
Triadisch +120° +240°
- D5E1E0
Pristine Petal
- E1DCE5
≈ Minified Mauve
- E4DDD5
≈ Everyday White
Geteilt komplementär +150° +210°
- D5E1E0
Pristine Petal
- E5DBE1
≈ Violet Vapour
- E6DBD8
≈ Light Porcelain
Tetradisch +90° +180° +270°
- D5E1E0
Pristine Petal
- DCDDE7
≈ Hosta Flower
- E6DBDC
≈ White Cherry
- E0DED5
≈ Black Haze
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.67:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--pristine-petal: #d5e1e0;
--pristine-petal-rgb: 213 225 224;
--pristine-petal-oklch: oklch(0.9 0.013 190.9);
}
.element {
color: var(--pristine-petal);
background-color: hsl(175 17% 86%);
border-color: oklch(0.9 0.013 190.9);
}Tailwind CSS v4
@theme {
--color-pristine-petal: #d5e1e0;
--color-pristine-petal-50: #f1f6f6;
--color-pristine-petal-100: #e3e9e9;
--color-pristine-petal-200: #ced6d6;
--color-pristine-petal-300: #b0bab9;
--color-pristine-petal-400: #96a1a0;
--color-pristine-petal-500: #7d8988;
--color-pristine-petal-600: #6a7473;
--color-pristine-petal-700: #555d5c;
--color-pristine-petal-800: #3e4443;
--color-pristine-petal-900: #2a2f2e;
--color-pristine-petal-950: #181b1b;
}SCSS
$pristine-petal: #d5e1e0;
$pristine-petal-rgb: 213, 225, 224;
$pristine-petal-light: mix(#fff, $pristine-petal, 20%);
$pristine-petal-dark: mix(#000, $pristine-petal, 20%);
.element {
color: $pristine-petal;
box-shadow: 0 0 0 2px rgba($pristine-petal, 0.35);
}