Najbliższy nazwany kolor · #E6EDE5
#E6EDE5
Najbliższy nazwany kolor: Lightning Bolt
#E6EDE5 (rgb(230 237 229), hsl(113 18% 91%), oklch(0.939 0.013 141.8)) jest najbliższy nazwanemu kolorowi Lightning Bolt. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E6EDE5
oklch(0.939 0.013 141.8)
Konwersje koloru
- HEX
- #e6ede5
- RGB
- rgb(230 237 229)
- HSL
- hsl(113 18% 91%)
- HWB
- hwb(113 90% 7%)
- OKLCH
- oklch(0.939 0.013 141.8)
- OKLab
- oklab(0.939 -0.01 0.008)
- CIE Lab
- lab(93.04 -3.48 3.03)
- LCH
- lch(93.04 4.62 138.9)
- CMYK
- cmyk(3% 0% 3% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8EFE8
- EBF1EA
- EDF2ED
- F0F4EF
- F2F6F2
- F5F8F5
- F7FAF7
- FAFBFA
- FCFDFC
Odcienie ciemniejsze
- C8CEC7
- ABB0AA
- 8E938E
- 737772
- 595C58
- 40423F
- 282A28
- 131412
- 030303
Tony
- DBE2DA
- D1D6D0
- C6CBC6
- BCC0BB
- B2B5B1
- A7AAA7
- 9D9F9D
- 949593
- 8A8A8A
Harmonie kolorów
Komplementarna +180°
- E6EDE5
Lightning Bolt
- EFE8F0
≈ Greek Goddess
Analogowa -30° +30°
- E6EDE5
Lightning Bolt
- EBECE2
≈ Grand Heron
- E3EEEA
≈ Waterfall Mist
Triada +120° +240°
- E6EDE5
Lightning Bolt
- E6EBF4
≈ Diamond Cut
- F3E7E7
≈ Mont Blanc Peak
Komplementarna rozszczepiona +150° +210°
- E6EDE5
Lightning Bolt
- EAE9F3
≈ Diamond Cut
- F2E7EB
≈ Rose Fantasy
Tetrada +90° +180° +270°
- E6EDE5
Lightning Bolt
- E3ECF2
≈ Out Cold
- EFE8F0
≈ Greek Goddess
- F2E8E3
≈ Quartz White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.19:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.60:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.60:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--lightning-bolt: #e6ede5;
--lightning-bolt-rgb: 230 237 229;
--lightning-bolt-oklch: oklch(0.939 0.013 141.8);
}
.element {
color: var(--lightning-bolt);
background-color: hsl(113 18% 91%);
border-color: oklch(0.939 0.013 141.8);
}Tailwind CSS v4
@theme {
--color-lightning-bolt: #e6ede5;
--color-lightning-bolt-50: #f3f6f3;
--color-lightning-bolt-100: #e5e9e5;
--color-lightning-bolt-200: #d1d6d1;
--color-lightning-bolt-300: #b4b9b3;
--color-lightning-bolt-400: #9aa099;
--color-lightning-bolt-500: #818881;
--color-lightning-bolt-600: #6e736d;
--color-lightning-bolt-700: #585c57;
--color-lightning-bolt-800: #40433f;
--color-lightning-bolt-900: #2c2f2c;
--color-lightning-bolt-950: #191b19;
}SCSS
$lightning-bolt: #e6ede5;
$lightning-bolt-rgb: 230, 237, 229;
$lightning-bolt-light: mix(#fff, $lightning-bolt, 20%);
$lightning-bolt-dark: mix(#000, $lightning-bolt, 20%);
.element {
color: $lightning-bolt;
box-shadow: 0 0 0 2px rgba($lightning-bolt, 0.35);
}