Benannte Farbe · #D0C7FF
Innocent Snowdrop
Innocent Snowdrop ist #D0C7FF: rgb(208 199 255), hsl(250 100% 89%), oklch(0.856 0.078 292). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Innocent Snowdrop color name →
#D0C7FF
oklch(0.856 0.078 292)
Farbumrechnungen
- HEX
- #d0c7ff
- RGB
- rgb(208 199 255)
- HSL
- hsl(250 100% 89%)
- HWB
- hwb(250 78% 0%)
- OKLCH
- oklch(0.856 0.078 292)
- OKLab
- oklab(0.856 0.029 -0.072)
- CIE Lab
- lab(82.4 11.57 -26.49)
- LCH
- lch(82.4 28.91 293.6)
- CMYK
- cmyk(18% 22% 0% 0%)
Tints · Shades · Tones
Tints
- D5CDFF
- D9D2FF
- DED8FF
- E2DDFF
- E7E3FF
- ECE9FF
- F1EEFF
- F5F4FF
- FAF9FF
Shades
- B5ADDE
- 9A93BE
- 807A9E
- 676280
- 4F4C63
- 393648
- 23212E
- 100E16
- 020203
Tones
- C8C0F2
- BFB9E5
- B7B1D8
- AFAACB
- A7A3BE
- 9F9CB1
- 9795A5
- 8F8E98
- 88878C
Farbharmonien
Komplementär +180°
- D0C7FF
Innocent Snowdrop
- D0D59A
≈ Misty Bead
Analog -30° +30°
- D0C7FF
Innocent Snowdrop
- B7D0FF
≈ Ice Cold Stare
- E8BFEE
≈ Lovecloud
Triadisch +120° +240°
- D0C7FF
Innocent Snowdrop
- F9C2A1
≈ Pink Beach
- 9AE1CA
≈ Beach Glass
Geteilt komplementär +150° +210°
- D0C7FF
Innocent Snowdrop
- E9CB95
≈ Golden West
- B3DDAE
≈ Fizz
Tetradisch +90° +180° +270°
- D0C7FF
Innocent Snowdrop
- FFBCB9
≈ Peach Scone
- D0D59A
≈ Misty Bead
- 91DFE5
≈ Paradisiacal Getaway
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.29:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.29:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--innocent-snowdrop: #d0c7ff;
--innocent-snowdrop-rgb: 208 199 255;
--innocent-snowdrop-oklch: oklch(0.856 0.078 292);
}
.element {
color: var(--innocent-snowdrop);
background-color: hsl(250 100% 89%);
border-color: oklch(0.856 0.078 292);
}Tailwind CSS v4
@theme {
--color-innocent-snowdrop: #d0c7ff;
--color-innocent-snowdrop-50: #f6f1ff;
--color-innocent-snowdrop-100: #e9e3ff;
--color-innocent-snowdrop-200: #d5cef3;
--color-innocent-snowdrop-300: #b9b0dc;
--color-innocent-snowdrop-400: #9f96c9;
--color-innocent-snowdrop-500: #877db6;
--color-innocent-snowdrop-600: #726a99;
--color-innocent-snowdrop-700: #5b547b;
--color-innocent-snowdrop-800: #423e5c;
--color-innocent-snowdrop-900: #2d2a40;
--color-innocent-snowdrop-950: #1a1829;
}SCSS
$innocent-snowdrop: #d0c7ff;
$innocent-snowdrop-rgb: 208, 199, 255;
$innocent-snowdrop-light: mix(#fff, $innocent-snowdrop, 20%);
$innocent-snowdrop-dark: mix(#000, $innocent-snowdrop, 20%);
.element {
color: $innocent-snowdrop;
box-shadow: 0 0 0 2px rgba($innocent-snowdrop, 0.35);
}