Najbliższy nazwany kolor · #ADB4E9
#ADB4E9
Najbliższy nazwany kolor: Purple Illusion
#ADB4E9 (rgb(173 180 233), hsl(233 58% 80%), oklch(0.783 0.076 278.6)) jest najbliższy nazwanemu kolorowi Purple Illusion. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#ADB4E9
oklch(0.783 0.076 278.6)
Konwersje koloru
- HEX
- #adb4e9
- RGB
- rgb(173 180 233)
- HSL
- hsl(233 58% 80%)
- HWB
- hwb(233 68% 9%)
- OKLCH
- oklch(0.783 0.076 278.6)
- OKLab
- oklab(0.783 0.011 -0.075)
- CIE Lab
- lab(74.16 6.14 -27.54)
- LCH
- lch(74.16 28.22 282.6)
- CMYK
- cmyk(26% 23% 0% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B5BBEB
- BDC3EE
- C5CAF0
- CDD2F3
- D5D9F5
- DDE1F7
- E6E8F9
- EEF0FB
- F6F7FD
Odcienie ciemniejsze
- 969CCB
- 7F85AD
- 6A6E90
- 555874
- 41445A
- 2D3041
- 1B1D29
- 0B0C13
- 010203
Tony
- A8AFDE
- A4AAD3
- 9FA4C9
- 9B9FBE
- 969AB4
- 9295A9
- 8D909F
- 898A94
- 84858A
Harmonie kolorów
Komplementarna +180°
- ADB4E9
Purple Illusion
- C4BA81
≈ Frozen Marguerita
Analogowa -30° +30°
- ADB4E9
Purple Illusion
- 92BDE7
≈ Blue Shutters
- C6ACDE
≈ Perfume
Triada +120° +240°
- ADB4E9
Purple Illusion
- E4A895
≈ Ageless Beauty
- 8FC8A7
≈ Park Green Flat
Komplementarna rozszczepiona +150° +210°
- ADB4E9
Purple Illusion
- D9B084
≈ Calico
- AAC28E
≈ Shrubbery
Tetrada +90° +180° +270°
- ADB4E9
Purple Illusion
- E4A5AE
≈ Love at First Sight
- C4BA81
≈ Frozen Marguerita
- 7DC8C2
≈ Cyantific
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.00:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.48:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-illusion: #adb4e9;
--purple-illusion-rgb: 173 180 233;
--purple-illusion-oklch: oklch(0.783 0.076 278.6);
}
.element {
color: var(--purple-illusion);
background-color: hsl(233 58% 80%);
border-color: oklch(0.783 0.076 278.6);
}Tailwind CSS v4
@theme {
--color-purple-illusion: #adb4e9;
--color-purple-illusion-50: #f1f3ff;
--color-purple-illusion-100: #e3e6ff;
--color-purple-illusion-200: #ced1f5;
--color-purple-illusion-300: #b0b4de;
--color-purple-illusion-400: #949acb;
--color-purple-illusion-500: #7b81b8;
--color-purple-illusion-600: #686d9b;
--color-purple-illusion-700: #53577d;
--color-purple-illusion-800: #3b405d;
--color-purple-illusion-900: #292c41;
--color-purple-illusion-950: #17192a;
}SCSS
$purple-illusion: #adb4e9;
$purple-illusion-rgb: 173, 180, 233;
$purple-illusion-light: mix(#fff, $purple-illusion, 20%);
$purple-illusion-dark: mix(#000, $purple-illusion, 20%);
.element {
color: $purple-illusion;
box-shadow: 0 0 0 2px rgba($purple-illusion, 0.35);
}