Colore con nome più vicino · #E1E3D0
#E1E3D0
Colore con nome più vicino: Gentle Frost
#E1E3D0 (rgb(225 227 208), hsl(66 25% 85%), oklch(0.909 0.025 111.8)) è più vicino al colore con nome Gentle Frost. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E1E3D0
oklch(0.909 0.025 111.8)
Conversioni di colore
- HEX
- #e1e3d0
- RGB
- rgb(225 227 208)
- HSL
- hsl(66 25% 85%)
- HWB
- hwb(66 82% 11%)
- OKLCH
- oklch(0.909 0.025 111.8)
- OKLab
- oklab(0.909 -0.009 0.024)
- CIE Lab
- lab(89.69 -3.14 9.07)
- LCH
- lch(89.69 9.6 109.1)
- CMYK
- cmyk(1% 0% 8% 11%)
Tinte · Ombre · Toni
Tinte
- E4E6D5
- E7E9D9
- EAEBDE
- EDEEE3
- F0F1E7
- F3F4EC
- F6F7F1
- F9F9F6
- FCFCFA
Ombre
- C4C5B5
- A7A89A
- 8B8C80
- 707167
- 56574F
- 3E3F39
- 272723
- 121210
- 020302
Toni
- D7D9C8
- CDCEBF
- C3C4B7
- B9BAAF
- AFB0A7
- A6A69F
- 9C9D97
- 93938F
- 898988
Armonie di colore
Complementare +180°
- E1E3D0
Gentle Frost
- E1DEF1
≈ Lingering Lilac
Analogo -30° +30°
- E1E3D0
Gentle Frost
- EAE0CF
≈ Crispy Crust
- D8E6D6
≈ Whispering Frost
Triadico +120° +240°
- E1E3D0
Gentle Frost
- D1E4EF
≈ Mystic Harbour
- EFDAE3
≈ Rosa Bonito
Complementare divisa +150° +210°
- E1E3D0
Gentle Frost
- D8E2F3
≈ Aquarelle Purple
- E9DCEB
≈ Sprinkle
Tetradico +90° +180° +270°
- E1E3D0
Gentle Frost
- CEE6E8
≈ Ventilated
- E1DEF1
≈ Lingering Lilac
- F2DBD9
≈ Hawaiian Shell
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.09:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--gentle-frost: #e1e3d0;
--gentle-frost-rgb: 225 227 208;
--gentle-frost-oklch: oklch(0.909 0.025 111.8);
}
.element {
color: var(--gentle-frost);
background-color: hsl(66 25% 85%);
border-color: oklch(0.909 0.025 111.8);
}Tailwind CSS v4
@theme {
--color-gentle-frost: #e1e3d0;
--color-gentle-frost-50: #f5f6ee;
--color-gentle-frost-100: #e7e9df;
--color-gentle-frost-200: #d4d6c9;
--color-gentle-frost-300: #b7b9aa;
--color-gentle-frost-400: #9ea08f;
--color-gentle-frost-500: #868875;
--color-gentle-frost-600: #727363;
--color-gentle-frost-700: #5b5c4f;
--color-gentle-frost-800: #434339;
--color-gentle-frost-900: #2e2e27;
--color-gentle-frost-950: #1b1b15;
}SCSS
$gentle-frost: #e1e3d0;
$gentle-frost-rgb: 225, 227, 208;
$gentle-frost-light: mix(#fff, $gentle-frost, 20%);
$gentle-frost-dark: mix(#000, $gentle-frost, 20%);
.element {
color: $gentle-frost;
box-shadow: 0 0 0 2px rgba($gentle-frost, 0.35);
}