Nazwany kolor · #E3E3EA
Lady’s Slipper
Lady’s Slipper to #E3E3EA: rgb(227 227 234), hsl(240 14% 90%), oklch(0.918 0.009 286.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lady’s Slipper color name →
#E3E3EA
oklch(0.918 0.009 286.2)
Konwersje koloru
- HEX
- #e3e3ea
- RGB
- rgb(227 227 234)
- HSL
- hsl(240 14% 90%)
- HWB
- hwb(240 89% 8%)
- OKLCH
- oklch(0.918 0.009 286.2)
- OKLab
- oklab(0.918 0.003 -0.009)
- CIE Lab
- lab(90.39 0.95 -3.42)
- LCH
- lch(90.39 3.55 285.5)
- CMYK
- cmyk(3% 3% 0% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6E6EC
- E9E9EE
- EBEBF0
- EEEEF2
- F1F1F4
- F4F4F7
- F7F7F9
- F9F9FB
- FCFCFD
Odcienie ciemniejsze
- C5C5CB
- A8A8AE
- 8C8C91
- 717175
- 57575A
- 3F3F41
- 272729
- 121213
- 030303
Tony
- D9D9DF
- CECED4
- C4C4C9
- BABABE
- B0B0B4
- A6A6A9
- 9D9D9F
- 939394
- 89898A
Harmonie kolorów
Komplementarna +180°
- E3E3EA
Lady’s Slipper
- E4E4DD
≈ Spare White
Analogowa -30° +30°
- E3E3EA
Lady’s Slipper
- E0E4EA
≈ Silver City
- E6E2E8
≈ Violet Hush
Triada +120° +240°
- E3E3EA
Lady’s Slipper
- EAE2DF
≈ Sip of Nut Milk
- DEE6E2
≈ Mild Mint
Komplementarna rozszczepiona +150° +210°
- E3E3EA
Lady’s Slipper
- E7E3DD
≈ Wild Sand
- E1E5DF
≈ Chinese White
Tetrada +90° +180° +270°
- E3E3EA
Lady’s Slipper
- EAE1E2
≈ Lavender Pizzazz
- E4E4DD
≈ Spare White
- DDE6E6
≈ Cameo Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.44:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.44:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--lady-s-slipper: #e3e3ea;
--lady-s-slipper-rgb: 227 227 234;
--lady-s-slipper-oklch: oklch(0.918 0.009 286.2);
}
.element {
color: var(--lady-s-slipper);
background-color: hsl(240 14% 90%);
border-color: oklch(0.918 0.009 286.2);
}Tailwind CSS v4
@theme {
--color-lady-s-slipper: #e3e3ea;
--color-lady-s-slipper-50: #f5f5f8;
--color-lady-s-slipper-100: #e7e7eb;
--color-lady-s-slipper-200: #d4d4d8;
--color-lady-s-slipper-300: #b7b7bc;
--color-lady-s-slipper-400: #9e9ea4;
--color-lady-s-slipper-500: #85858c;
--color-lady-s-slipper-600: #717177;
--color-lady-s-slipper-700: #5a5a5f;
--color-lady-s-slipper-800: #424246;
--color-lady-s-slipper-900: #2d2d30;
--color-lady-s-slipper-950: #1a1a1c;
}SCSS
$lady-s-slipper: #e3e3ea;
$lady-s-slipper-rgb: 227, 227, 234;
$lady-s-slipper-light: mix(#fff, $lady-s-slipper, 20%);
$lady-s-slipper-dark: mix(#000, $lady-s-slipper, 20%);
.element {
color: $lady-s-slipper;
box-shadow: 0 0 0 2px rgba($lady-s-slipper, 0.35);
}