Najbliższy nazwany kolor · #E0EDFD
#E0EDFD
Najbliższy nazwany kolor: Cotton Boll
#E0EDFD (rgb(224 237 253), hsl(213 88% 94%), oklch(0.941 0.026 253.6)) jest najbliższy nazwanemu kolorowi Cotton Boll. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E0EDFD
oklch(0.941 0.026 253.6)
Konwersje koloru
- HEX
- #e0edfd
- RGB
- rgb(224 237 253)
- HSL
- hsl(213 88% 94%)
- HWB
- hwb(213 88% 1%)
- OKLCH
- oklch(0.941 0.026 253.6)
- OKLab
- oklab(0.941 -0.007 -0.025)
- CIE Lab
- lab(93.12 -2.16 -9.31)
- LCH
- lch(93.12 9.56 256.9)
- CMYK
- cmyk(11% 6% 0% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3EFFD
- E6F1FD
- E9F2FE
- ECF4FE
- EFF6FE
- F3F8FE
- F6FAFE
- F9FBFF
- FCFDFF
Odcienie ciemniejsze
- C3CEDC
- A6B0BC
- 8A939D
- 70777F
- 565C62
- 3E4247
- 272A2D
- 121416
- 020303
Tony
- D6E2F0
- CCD6E3
- C2CBD6
- B8C0C9
- AFB5BD
- A5AAB0
- 9C9FA4
- 929598
- 898A8C
Harmonie kolorów
Komplementarna +180°
- E0EDFD
Cotton Boll
- F6E9D9
≈ Saltbox
Analogowa -30° +30°
- E0EDFD
Cotton Boll
- DAF0F8
≈ Water
- E9EAFD
≈ Icy Lilac
Triada +120° +240°
- E0EDFD
Cotton Boll
- FCE5E6
≈ Valerie
- E5F0DE
≈ Mayfair White
Komplementarna rozszczepiona +150° +210°
- E0EDFD
Cotton Boll
- FCE7DE
≈ Aquarelle Orange
- EEEDD9
≈ Cravat
Tetrada +90° +180° +270°
- E0EDFD
Cotton Boll
- F9E5F0
≈ Petal Poise
- F6E9D9
≈ Saltbox
- DDF1E7
≈ Snow Ballet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.18:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.70:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.70:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--cotton-boll: #e0edfd;
--cotton-boll-rgb: 224 237 253;
--cotton-boll-oklch: oklch(0.941 0.026 253.6);
}
.element {
color: var(--cotton-boll);
background-color: hsl(213 88% 94%);
border-color: oklch(0.941 0.026 253.6);
}Tailwind CSS v4
@theme {
--color-cotton-boll: #e0edfd;
--color-cotton-boll-50: #f0f6fd;
--color-cotton-boll-100: #e2e8f1;
--color-cotton-boll-200: #cdd5df;
--color-cotton-boll-300: #afb8c5;
--color-cotton-boll-400: #94a0ae;
--color-cotton-boll-500: #7b8797;
--color-cotton-boll-600: #687380;
--color-cotton-boll-700: #535c66;
--color-cotton-boll-800: #3c434b;
--color-cotton-boll-900: #292e34;
--color-cotton-boll-950: #171b20;
}SCSS
$cotton-boll: #e0edfd;
$cotton-boll-rgb: 224, 237, 253;
$cotton-boll-light: mix(#fff, $cotton-boll, 20%);
$cotton-boll-dark: mix(#000, $cotton-boll, 20%);
.element {
color: $cotton-boll;
box-shadow: 0 0 0 2px rgba($cotton-boll, 0.35);
}