Colore con nome · #E1EFE2
Soothing Vapour
Soothing Vapour è #E1EFE2: rgb(225 239 226), hsl(124 30% 91%), oklch(0.938 0.023 147.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Soothing Vapour color name →
#E1EFE2
oklch(0.938 0.023 147.4)
Conversioni di colore
- HEX
- #e1efe2
- RGB
- rgb(225 239 226)
- HSL
- hsl(124 30% 91%)
- HWB
- hwb(124 88% 6%)
- OKLCH
- oklch(0.938 0.023 147.4)
- OKLab
- oklab(0.938 -0.019 0.012)
- CIE Lab
- lab(93.12 -6.56 4.63)
- LCH
- lch(93.12 8.03 144.8)
- CMYK
- cmyk(6% 0% 5% 6%)
Tinte · Ombre · Toni
Tinte
- E4F1E5
- E7F2E8
- EAF4EB
- EDF5EE
- F0F7F0
- F3F9F3
- F6FAF6
- F9FCF9
- FCFDFC
Ombre
- C4D0C4
- A7B1A8
- 8B948C
- 707871
- 565C57
- 3E423E
- 272A27
- 121412
- 020303
Toni
- D7E3D8
- CDD8CE
- C3CCC4
- B9C1BA
- AFB6B0
- A6ABA6
- 9CA09C
- 939593
- 898B89
Armonie di colore
Complementare +180°
- E1EFE2
Soothing Vapour
- F3E5F3
≈ Minute Mauve
Analogo -30° +30°
- E1EFE2
Soothing Vapour
- E9EDDC
≈ Chrome Green
- DBF0EA
≈ Green Frosting
Triadico +120° +240°
- E1EFE2
Soothing Vapour
- E4EAFA
≈ Icy Lilac
- FAE5E2
≈ Sweet Nothing
Complementare divisa +150° +210°
- E1EFE2
Soothing Vapour
- ECE8F8
≈ Bright Dusk
- F8E5EA
≈ Pink Tutu
Tetradico +90° +180° +270°
- E1EFE2
Soothing Vapour
- DDEDF8
≈ Ice Fishing
- F3E5F3
≈ Minute Mauve
- F7E7DC
≈ Grandma’s Cameo
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.19:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.64:1 · APCA Lc 95
Miglior colore del testo: #000000
WCAG 17.64:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--soothing-vapour: #e1efe2;
--soothing-vapour-rgb: 225 239 226;
--soothing-vapour-oklch: oklch(0.938 0.023 147.4);
}
.element {
color: var(--soothing-vapour);
background-color: hsl(124 30% 91%);
border-color: oklch(0.938 0.023 147.4);
}Tailwind CSS v4
@theme {
--color-soothing-vapour: #e1efe2;
--color-soothing-vapour-50: #f1f7f2;
--color-soothing-vapour-100: #e3eae4;
--color-soothing-vapour-200: #ced7cf;
--color-soothing-vapour-300: #b0bbb1;
--color-soothing-vapour-400: #96a297;
--color-soothing-vapour-500: #7d8b7e;
--color-soothing-vapour-600: #6a756a;
--color-soothing-vapour-700: #545e55;
--color-soothing-vapour-800: #3e453e;
--color-soothing-vapour-900: #2a2f2a;
--color-soothing-vapour-950: #181c18;
}SCSS
$soothing-vapour: #e1efe2;
$soothing-vapour-rgb: 225, 239, 226;
$soothing-vapour-light: mix(#fff, $soothing-vapour, 20%);
$soothing-vapour-dark: mix(#000, $soothing-vapour, 20%);
.element {
color: $soothing-vapour;
box-shadow: 0 0 0 2px rgba($soothing-vapour, 0.35);
}