Nazwany kolor · #E6DFE7
Selago
Selago to #E6DFE7: rgb(230 223 231), hsl(293 14% 89%), oklch(0.911 0.013 321.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Selago color name →
#E6DFE7
oklch(0.911 0.013 321.9)
Konwersje koloru
- HEX
- #e6dfe7
- RGB
- rgb(230 223 231)
- HSL
- hsl(293 14% 89%)
- HWB
- hwb(293 87% 9%)
- OKLCH
- oklch(0.911 0.013 321.9)
- OKLab
- oklab(0.911 0.01 -0.008)
- CIE Lab
- lab(89.56 3.52 -3.03)
- LCH
- lch(89.56 4.65 319.3)
- CMYK
- cmyk(0% 3% 0% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8E2E9
- EBE5EC
- EDE9EE
- F0ECF1
- F2EFF3
- F5F2F5
- F7F5F8
- FAF9FA
- FCFCFD
Odcienie ciemniejsze
- C8C2C9
- ABA5AB
- 8E8A8F
- 736F73
- 595659
- 403D40
- 282728
- 131213
- 030203
Tony
- DBD5DC
- D1CBD2
- C6C2C7
- BCB8BC
- B2AEB2
- A7A5A8
- 9D9B9E
- 949294
- 8A898A
Harmonie kolorów
Komplementarna +180°
- E6DFE7
Selago
- DDE4DC
≈ Morning Rush
Analogowa -30° +30°
- E6DFE7
Selago
- E2E0EA
≈ Homoeopathic Lilac
- E9DEE3
≈ Precocious Red
Triada +120° +240°
- E6DFE7
Selago
- E6E1D8
≈ Heron Plume
- D8E5E5
≈ Fluffy Slippers
Komplementarna rozszczepiona +150° +210°
- E6DFE7
Selago
- E2E3D9
≈ Wisdom
- DAE5E1
≈ Melting Snowman
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.07:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.07:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--selago: #e6dfe7;
--selago-rgb: 230 223 231;
--selago-oklch: oklch(0.911 0.013 321.9);
}
.element {
color: var(--selago);
background-color: hsl(293 14% 89%);
border-color: oklch(0.911 0.013 321.9);
}Tailwind CSS v4
@theme {
--color-selago: #e6dfe7;
--color-selago-50: #f7f4f7;
--color-selago-100: #eae6ea;
--color-selago-200: #d7d2d7;
--color-selago-300: #bbb5bb;
--color-selago-400: #a29ca3;
--color-selago-500: #8a838b;
--color-selago-600: #756f76;
--color-selago-700: #5e595e;
--color-selago-800: #444145;
--color-selago-900: #2f2d30;
--color-selago-950: #1c1a1c;
}SCSS
$selago: #e6dfe7;
$selago-rgb: 230, 223, 231;
$selago-light: mix(#fff, $selago, 20%);
$selago-dark: mix(#000, $selago, 20%);
.element {
color: $selago;
box-shadow: 0 0 0 2px rgba($selago, 0.35);
}