Colore con nome · #E7DBDD
White Cherry
White Cherry è #E7DBDD: rgb(231 219 221), hsl(350 20% 88%), oklch(0.902 0.013 5.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · White Cherry color name →
#E7DBDD
oklch(0.902 0.013 5.8)
Conversioni di colore
- HEX
- #e7dbdd
- RGB
- rgb(231 219 221)
- HSL
- hsl(350 20% 88%)
- HWB
- hwb(350 86% 9%)
- OKLCH
- oklch(0.902 0.013 5.8)
- OKLab
- oklab(0.902 0.013 0.001)
- CIE Lab
- lab(88.42 4.51 0.56)
- LCH
- lch(88.42 4.54 7.1)
- CMYK
- cmyk(0% 5% 4% 9%)
Tinte · Ombre · Toni
Tinte
- E9DFE0
- ECE2E4
- EEE6E7
- F1E9EA
- F3EDEE
- F5F0F1
- F8F4F5
- FAF8F8
- FDFBFC
Ombre
- C9BEC0
- ABA2A4
- 8F8788
- 736D6E
- 595455
- 403C3D
- 282626
- 131111
- 030202
Toni
- DCD2D3
- D2C8CA
- C7BFC0
- BDB6B7
- B2ACAD
- A8A3A4
- 9E9A9B
- 949192
- 8A8989
Armonie di colore
Complementare +180°
- E7DBDD
White Cherry
- D5E2E0
≈ Pristine Petal
Analogo -30° +30°
- E7DBDD
White Cherry
- E5DBE2
≈ Violet Vapour
- E7DCD8
≈ Cultured Pearl
Triadico +120° +240°
- E7DBDD
White Cherry
- DCE0D7
≈ Just a Little
- D8E0E7
≈ Harbour Light
Complementare divisa +150° +210°
- E7DBDD
White Cherry
- D8E1DB
≈ Night Wind
- D5E1E4
≈ April Winds
Tetradico +90° +180° +270°
- E7DBDD
White Cherry
- E1DFD5
≈ Bannister White
- D5E2E0
≈ Pristine Petal
- DCDEE8
≈ Hosta Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.57:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.57:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--white-cherry: #e7dbdd;
--white-cherry-rgb: 231 219 221;
--white-cherry-oklch: oklch(0.902 0.013 5.8);
}
.element {
color: var(--white-cherry);
background-color: hsl(350 20% 88%);
border-color: oklch(0.902 0.013 5.8);
}Tailwind CSS v4
@theme {
--color-white-cherry: #e7dbdd;
--color-white-cherry-50: #f9f4f4;
--color-white-cherry-100: #ece6e7;
--color-white-cherry-200: #dad2d3;
--color-white-cherry-300: #beb5b6;
--color-white-cherry-400: #a69b9d;
--color-white-cherry-500: #8f8385;
--color-white-cherry-600: #796f70;
--color-white-cherry-700: #61585a;
--color-white-cherry-800: #474042;
--color-white-cherry-900: #312c2d;
--color-white-cherry-950: #1d1a1a;
}SCSS
$white-cherry: #e7dbdd;
$white-cherry-rgb: 231, 219, 221;
$white-cherry-light: mix(#fff, $white-cherry, 20%);
$white-cherry-dark: mix(#000, $white-cherry, 20%);
.element {
color: $white-cherry;
box-shadow: 0 0 0 2px rgba($white-cherry, 0.35);
}