Najbliższy nazwany kolor · #EDE6FC
#EDE6FC
Najbliższy nazwany kolor: Holographic Lavender
#EDE6FC (rgb(237 230 252), hsl(259 79% 95%), oklch(0.937 0.03 300.3)) jest najbliższy nazwanemu kolorowi Holographic Lavender. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EDE6FC
oklch(0.937 0.03 300.3)
Konwersje koloru
- HEX
- #ede6fc
- RGB
- rgb(237 230 252)
- HSL
- hsl(259 79% 95%)
- HWB
- hwb(259 90% 1%)
- OKLCH
- oklch(0.937 0.03 300.3)
- OKLab
- oklab(0.937 0.015 -0.026)
- CIE Lab
- lab(92.34 5.43 -9.81)
- LCH
- lch(92.34 11.21 299)
- CMYK
- cmyk(6% 9% 0% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFE8FC
- F1EBFD
- F2EDFD
- F4F0FD
- F6F2FE
- F8F5FE
- FAF7FE
- FBFAFE
- FDFCFF
Odcienie ciemniejsze
- CEC8DB
- B0ABBB
- 938E9C
- 77737E
- 5C5962
- 424047
- 2A282D
- 141316
- 030303
Tony
- E2DBEF
- D6D1E2
- CBC6D5
- C0BCC9
- B5B2BC
- AAA8B0
- 9F9DA4
- 959498
- 8A8A8C
Harmonie kolorów
Komplementarna +180°
- EDE6FC
Holographic Lavender
- E7EED7
≈ Translucent Vision
Analogowa -30° +30°
- EDE6FC
Holographic Lavender
- E2EAFF
≈ Glitter
- F7E3F4
≈ Soft Lavender
Triada +120° +240°
- EDE6FC
Holographic Lavender
- FAE6D6
≈ Winthrop Peach
- D5F1EB
≈ Diminished Sky
Komplementarna rozszczepiona +150° +210°
- EDE6FC
Holographic Lavender
- F2EAD4
≈ Yucca White
- DDF0E0
≈ Ice-Cold White
Tetrada +90° +180° +270°
- EDE6FC
Holographic Lavender
- FEE3DE
≈ Lady Anne
- E7EED7
≈ Translucent Vision
- D4F0F6
≈ Frostproof
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.32:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.32:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--holographic-lavender: #ede6fc;
--holographic-lavender-rgb: 237 230 252;
--holographic-lavender-oklch: oklch(0.937 0.03 300.3);
}
.element {
color: var(--holographic-lavender);
background-color: hsl(259 79% 95%);
border-color: oklch(0.937 0.03 300.3);
}Tailwind CSS v4
@theme {
--color-holographic-lavender: #ede6fc;
--color-holographic-lavender-50: #f7f3fd;
--color-holographic-lavender-100: #eae6f1;
--color-holographic-lavender-200: #d6d1df;
--color-holographic-lavender-300: #bab4c5;
--color-holographic-lavender-400: #a19bae;
--color-holographic-lavender-500: #898298;
--color-holographic-lavender-600: #746e80;
--color-holographic-lavender-700: #5d5867;
--color-holographic-lavender-800: #43404c;
--color-holographic-lavender-900: #2f2c35;
--color-holographic-lavender-950: #1b1920;
}SCSS
$holographic-lavender: #ede6fc;
$holographic-lavender-rgb: 237, 230, 252;
$holographic-lavender-light: mix(#fff, $holographic-lavender, 20%);
$holographic-lavender-dark: mix(#000, $holographic-lavender, 20%);
.element {
color: $holographic-lavender;
box-shadow: 0 0 0 2px rgba($holographic-lavender, 0.35);
}