Colore con nome più vicino · #E2F1EF
#E2F1EF
Colore con nome più vicino: Bone-Chilling
#E2F1EF (rgb(226 241 239), hsl(172 35% 92%), oklch(0.946 0.016 187.3)) è più vicino al colore con nome Bone-Chilling. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E2F1EF
oklch(0.946 0.016 187.3)
Conversioni di colore
- HEX
- #e2f1ef
- RGB
- rgb(226 241 239)
- HSL
- hsl(172 35% 92%)
- HWB
- hwb(172 89% 5%)
- OKLCH
- oklch(0.946 0.016 187.3)
- OKLab
- oklab(0.946 -0.016 -0.002)
- CIE Lab
- lab(93.97 -5.4 -0.83)
- LCH
- lch(93.97 5.47 188.7)
- CMYK
- cmyk(6% 0% 1% 5%)
Tinte · Ombre · Toni
Tinte
- E5F2F1
- E8F4F2
- EBF5F4
- EEF7F5
- F1F8F7
- F3F9F9
- F6FBFA
- F9FCFC
- FCFEFD
Ombre
- C4D2D0
- A8B3B1
- 8C9594
- 717978
- 575D5C
- 3E4342
- 272B2A
- 121414
- 030303
Toni
- D8E5E3
- CED9D8
- C4CECC
- BAC2C1
- B0B7B6
- A6ACAB
- 9CA1A0
- 939695
- 898B8B
Armonie di colore
Complementare +180°
- E2F1EF
Bone-Chilling
- F8E9EB
≈ Morning Shine
Analogo -30° +30°
- E2F1EF
Bone-Chilling
- E5F1E9
≈ Opera Glass
- E2F0F4
≈ Diamond White
Triadico +120° +240°
- E2F1EF
Bone-Chilling
- F0EBF6
≈ Perfume Haze
- F5ECE2
≈ Champagne Flute
Complementare divisa +150° +210°
- E2F1EF
Bone-Chilling
- F5E9F1
≈ Snow Plum
- F8EAE6
≈ Musical Mist
Tetradico +90° +180° +270°
- E2F1EF
Bone-Chilling
- EAEDF8
≈ Coconut White
- F8E9EB
≈ Morning Shine
- F0EEE2
≈ Blanc Cassé
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASu nero
WCAG 18.06:1 · APCA Lc 97
Miglior colore del testo: #000000
WCAG 18.06:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--bone-chilling: #e2f1ef;
--bone-chilling-rgb: 226 241 239;
--bone-chilling-oklch: oklch(0.946 0.016 187.3);
}
.element {
color: var(--bone-chilling);
background-color: hsl(172 35% 92%);
border-color: oklch(0.946 0.016 187.3);
}Tailwind CSS v4
@theme {
--color-bone-chilling: #e2f1ef;
--color-bone-chilling-50: #f0f7f6;
--color-bone-chilling-100: #e2eae9;
--color-bone-chilling-200: #cdd6d5;
--color-bone-chilling-300: #afbab9;
--color-bone-chilling-400: #94a2a0;
--color-bone-chilling-500: #7b8a88;
--color-bone-chilling-600: #687573;
--color-bone-chilling-700: #535d5c;
--color-bone-chilling-800: #3c4443;
--color-bone-chilling-900: #2a2f2e;
--color-bone-chilling-950: #171c1b;
}SCSS
$bone-chilling: #e2f1ef;
$bone-chilling-rgb: 226, 241, 239;
$bone-chilling-light: mix(#fff, $bone-chilling, 20%);
$bone-chilling-dark: mix(#000, $bone-chilling, 20%);
.element {
color: $bone-chilling;
box-shadow: 0 0 0 2px rgba($bone-chilling, 0.35);
}