Najbliższy nazwany kolor · #EDEDF0
#EDEDF0
Najbliższy nazwany kolor: Errigal White
#EDEDF0 (rgb(237 237 240), hsl(240 9% 94%), oklch(0.947 0.004 286.3)) jest najbliższy nazwanemu kolorowi Errigal White. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EDEDF0
oklch(0.947 0.004 286.3)
Konwersje koloru
- HEX
- #ededf0
- RGB
- rgb(237 237 240)
- HSL
- hsl(240 9% 94%)
- HWB
- hwb(240 93% 6%)
- OKLCH
- oklch(0.947 0.004 286.3)
- OKLab
- oklab(0.947 0.001 -0.004)
- CIE Lab
- lab(93.81 0.4 -1.46)
- LCH
- lch(93.81 1.51 285.3)
- CMYK
- cmyk(1% 1% 0% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFEFF1
- F1F1F3
- F2F2F4
- F4F4F6
- F6F6F7
- F8F8F9
- FAFAFA
- FBFBFC
- FDFDFD
Odcienie ciemniejsze
- CECED1
- B0B0B2
- 939395
- 777778
- 5C5C5D
- 424243
- 2A2A2A
- 141414
- 030303
Tony
- E2E2E4
- D6D6D9
- CBCBCD
- C0C0C2
- B5B5B6
- AAAAAB
- 9F9FA0
- 959595
- 8A8A8B
Harmonie kolorów
Komplementarna +180°
- EDEDF0
Errigal White
- EEEEEB
≈ Snow Storm
Analogowa -30° +30°
- EDEDF0
Errigal White
- ECEEF0
≈ White Whale
- EEEDEF
≈ Sheikh White
Triada +120° +240°
- EDEDF0
Errigal White
- F0EDEB
≈ Magical Moonlight
- EBEEED
≈ Moonlit Snow
Komplementarna rozszczepiona +150° +210°
- EDEDF0
Errigal White
- EFEDEA
≈ Snow Storm
- ECEEEB
≈ Moonlit Snow
Tetrada +90° +180° +270°
- EDEDF0
Errigal White
- F0ECEC
≈ Snowberry
- EEEEEB
≈ Snow Storm
- EAEEEE
≈ Dipped in Cloudy Dreams
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.16:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 17.97:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 17.97:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--errigal-white: #ededf0;
--errigal-white-rgb: 237 237 240;
--errigal-white-oklch: oklch(0.947 0.004 286.3);
}
.element {
color: var(--errigal-white);
background-color: hsl(240 9% 94%);
border-color: oklch(0.947 0.004 286.3);
}Tailwind CSS v4
@theme {
--color-errigal-white: #ededf0;
--color-errigal-white-50: #f5f5f6;
--color-errigal-white-100: #e8e8e9;
--color-errigal-white-200: #d4d4d6;
--color-errigal-white-300: #b7b7b9;
--color-errigal-white-400: #9e9ea1;
--color-errigal-white-500: #868689;
--color-errigal-white-600: #717174;
--color-errigal-white-700: #5a5a5c;
--color-errigal-white-800: #424244;
--color-errigal-white-900: #2e2e2f;
--color-errigal-white-950: #1a1a1b;
}SCSS
$errigal-white: #ededf0;
$errigal-white-rgb: 237, 237, 240;
$errigal-white-light: mix(#fff, $errigal-white, 20%);
$errigal-white-dark: mix(#000, $errigal-white, 20%);
.element {
color: $errigal-white;
box-shadow: 0 0 0 2px rgba($errigal-white, 0.35);
}