Nazwany kolor · #EEE9F9
Bright Dusk
Bright Dusk to #EEE9F9: rgb(238 233 249), hsl(259 57% 95%), oklch(0.943 0.022 300.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bright Dusk color name →
#EEE9F9
oklch(0.943 0.022 300.2)
Konwersje koloru
- HEX
- #eee9f9
- RGB
- rgb(238 233 249)
- HSL
- hsl(259 57% 95%)
- HWB
- hwb(259 91% 2%)
- OKLCH
- oklch(0.943 0.022 300.2)
- OKLab
- oklab(0.943 0.011 -0.019)
- CIE Lab
- lab(93.09 3.9 -7.14)
- LCH
- lch(93.09 8.13 298.6)
- CMYK
- cmyk(4% 6% 0% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0EBFA
- F1EDFA
- F3F0FB
- F5F2FB
- F6F4FC
- F8F6FD
- FAF8FD
- FCFBFE
- FDFDFE
Odcienie ciemniejsze
- CFCBD9
- B1ADB9
- 93909A
- 77747D
- 5C5A61
- 424146
- 2A292C
- 141315
- 030303
Tony
- E2DEEC
- D7D3E0
- CCC8D3
- C1BEC7
- B5B3BB
- AAA9AF
- A09EA3
- 959497
- 8A8A8B
Harmonie kolorów
Komplementarna +180°
- EEE9F9
Bright Dusk
- EAEEDE
≈ Mental Note
Analogowa -30° +30°
- EEE9F9
Bright Dusk
- E6ECFB
≈ Brilliant White
- F5E7F3
≈ Cherry Pearl
Triada +120° +240°
- EEE9F9
Bright Dusk
- F8E9DE
≈ Chardon
- DDF1EC
≈ Paradise
Komplementarna rozszczepiona +150° +210°
- EEE9F9
Bright Dusk
- F2ECDC
≈ Spun Cotton
- E2F0E4
≈ Molly Green
Tetrada +90° +180° +270°
- EEE9F9
Bright Dusk
- FBE7E3
≈ Blackbird’s Egg
- EAEEDE
≈ Mental Note
- DCF0F4
≈ Let It Snow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.18:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.65:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.65:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--bright-dusk: #eee9f9;
--bright-dusk-rgb: 238 233 249;
--bright-dusk-oklch: oklch(0.943 0.022 300.2);
}
.element {
color: var(--bright-dusk);
background-color: hsl(259 57% 95%);
border-color: oklch(0.943 0.022 300.2);
}Tailwind CSS v4
@theme {
--color-bright-dusk: #eee9f9;
--color-bright-dusk-50: #f6f4fa;
--color-bright-dusk-100: #e9e6ee;
--color-bright-dusk-200: #d6d2dc;
--color-bright-dusk-300: #b9b5c1;
--color-bright-dusk-400: #a09caa;
--color-bright-dusk-500: #888393;
--color-bright-dusk-600: #736f7c;
--color-bright-dusk-700: #5c5963;
--color-bright-dusk-800: #434149;
--color-bright-dusk-900: #2e2d33;
--color-bright-dusk-950: #1b1a1e;
}SCSS
$bright-dusk: #eee9f9;
$bright-dusk-rgb: 238, 233, 249;
$bright-dusk-light: mix(#fff, $bright-dusk, 20%);
$bright-dusk-dark: mix(#000, $bright-dusk, 20%);
.element {
color: $bright-dusk;
box-shadow: 0 0 0 2px rgba($bright-dusk, 0.35);
}