Najbliższy nazwany kolor · #E0EEF5
#E0EEF5
Najbliższy nazwany kolor: Diamond White
#E0EEF5 (rgb(224 238 245), hsl(200 51% 92%), oklch(0.941 0.018 229)) jest najbliższy nazwanemu kolorowi Diamond White. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E0EEF5
oklch(0.941 0.018 229)
Konwersje koloru
- HEX
- #e0eef5
- RGB
- rgb(224 238 245)
- HSL
- hsl(200 51% 92%)
- HWB
- hwb(200 88% 4%)
- OKLCH
- oklch(0.941 0.018 229)
- OKLab
- oklab(0.941 -0.012 -0.013)
- CIE Lab
- lab(93.2 -3.81 -5.08)
- LCH
- lch(93.2 6.34 233.1)
- CMYK
- cmyk(9% 3% 0% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3F0F6
- E6F1F7
- E9F3F8
- ECF5F9
- EFF6FA
- F3F8FB
- F6FAFC
- F9FCFD
- FCFDFE
Odcienie ciemniejsze
- C3CFD5
- A6B1B6
- 8A9398
- 70777B
- 565C5F
- 3E4244
- 272A2B
- 121415
- 020303
Tony
- D6E2E9
- CCD7DD
- C2CCD0
- B8C1C5
- AFB5B9
- A5AAAD
- 9CA0A2
- 929596
- 898A8B
Harmonie kolorów
Komplementarna +180°
- E0EEF5
Diamond White
- F6E8E1
≈ Mandarin Sugar
Analogowa -30° +30°
- E0EEF5
Diamond White
- DFEFF0
≈ Soar
- E4ECF8
≈ Husky
Triada +120° +240°
- E0EEF5
Diamond White
- F5E7ED
≈ Amour Frais
- ECEDDF
≈ Sublime
Komplementarna rozszczepiona +150° +210°
- E0EEF5
Diamond White
- F7E7E7
≈ Girly Nursery
- F2EADF
≈ Tangelo Cream
Tetrada +90° +180° +270°
- E0EEF5
Diamond White
- F1E8F3
≈ Perfume Haze
- F6E8E1
≈ Mandarin Sugar
- E6EEE3
≈ At Ease
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.18:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.71:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--diamond-white: #e0eef5;
--diamond-white-rgb: 224 238 245;
--diamond-white-oklch: oklch(0.941 0.018 229);
}
.element {
color: var(--diamond-white);
background-color: hsl(200 51% 92%);
border-color: oklch(0.941 0.018 229);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e0eef5;
--color-diamond-white-50: #f0f6f9;
--color-diamond-white-100: #e2e9ed;
--color-diamond-white-200: #cdd6da;
--color-diamond-white-300: #afb9bf;
--color-diamond-white-400: #94a1a7;
--color-diamond-white-500: #7b8990;
--color-diamond-white-600: #687479;
--color-diamond-white-700: #535d61;
--color-diamond-white-800: #3c4447;
--color-diamond-white-900: #292f31;
--color-diamond-white-950: #171b1d;
}SCSS
$diamond-white: #e0eef5;
$diamond-white-rgb: 224, 238, 245;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}