Nazwany kolor · #E3EAD6
Enlightened Lime
Enlightened Lime to #E3EAD6: rgb(227 234 214), hsl(81 32% 88%), oklch(0.926 0.028 122.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Enlightened Lime color name →
#E3EAD6
oklch(0.926 0.028 122.7)
Konwersje koloru
- HEX
- #e3ead6
- RGB
- rgb(227 234 214)
- HSL
- hsl(81 32% 88%)
- HWB
- hwb(81 84% 8%)
- OKLCH
- oklch(0.926 0.028 122.7)
- OKLab
- oklab(0.926 -0.015 0.023)
- CIE Lab
- lab(91.75 -5.03 8.9)
- LCH
- lch(91.75 10.22 119.5)
- CMYK
- cmyk(3% 0% 9% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6ECDA
- E9EEDE
- EBF0E2
- EEF2E6
- F1F4EA
- F4F7EF
- F7F9F3
- F9FBF7
- FCFDFB
Odcienie ciemniejsze
- C5CBBA
- A8AE9E
- 8C9184
- 71756A
- 575A52
- 3F413B
- 272925
- 121310
- 030302
Tony
- D9DFCD
- CED4C4
- C4C9BB
- BABEB3
- B0B4AA
- A6A9A1
- 9D9F99
- 939491
- 898A88
Harmonie kolorów
Komplementarna +180°
- E3EAD6
Enlightened Lime
- EAE3F6
≈ Sheer Lavender
Analogowa -30° +30°
- E3EAD6
Enlightened Lime
- EDE7D2
≈ Instant Relief
- DAECDE
≈ Sage Salt
Triada +120° +240°
- E3EAD6
Enlightened Lime
- D8E9F8
≈ Celestial Cathedral
- F8DFE5
≈ Cake Frosting
Komplementarna rozszczepiona +150° +210°
- E3EAD6
Enlightened Lime
- E0E6FA
≈ Lavender Mist
- F3E0EF
≈ Taffeta Tint
Tetrada +90° +180° +270°
- E3EAD6
Enlightened Lime
- D3ECF2
≈ Chalky Blue White
- EAE3F6
≈ Sheer Lavender
- F9E1DB
≈ Laurel Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 17.00:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 17.00:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--enlightened-lime: #e3ead6;
--enlightened-lime-rgb: 227 234 214;
--enlightened-lime-oklch: oklch(0.926 0.028 122.7);
}
.element {
color: var(--enlightened-lime);
background-color: hsl(81 32% 88%);
border-color: oklch(0.926 0.028 122.7);
}Tailwind CSS v4
@theme {
--color-enlightened-lime: #e3ead6;
--color-enlightened-lime-50: #f3f7ee;
--color-enlightened-lime-100: #e6eae0;
--color-enlightened-lime-200: #d1d6ca;
--color-enlightened-lime-300: #b4baab;
--color-enlightened-lime-400: #9ba190;
--color-enlightened-lime-500: #838975;
--color-enlightened-lime-600: #6f7464;
--color-enlightened-lime-700: #585d4f;
--color-enlightened-lime-800: #414439;
--color-enlightened-lime-900: #2d2f27;
--color-enlightened-lime-950: #1a1b15;
}SCSS
$enlightened-lime: #e3ead6;
$enlightened-lime-rgb: 227, 234, 214;
$enlightened-lime-light: mix(#fff, $enlightened-lime, 20%);
$enlightened-lime-dark: mix(#000, $enlightened-lime, 20%);
.element {
color: $enlightened-lime;
box-shadow: 0 0 0 2px rgba($enlightened-lime, 0.35);
}