En yakın adlandırılmış renk · #ADB4E9
#ADB4E9
En yakın adlandırılmış renk: Purple Illusion
#ADB4E9 (rgb(173 180 233), hsl(233 58% 80%), oklch(0.783 0.076 278.6)) en çok Purple Illusion adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#ADB4E9
oklch(0.783 0.076 278.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B5BBEB
- BDC3EE
- C5CAF0
- CDD2F3
- D5D9F5
- DDE1F7
- E6E8F9
- EEF0FB
- F6F7FD
Koyu tonlar
- 969CCB
- 7F85AD
- 6A6E90
- 555874
- 41445A
- 2D3041
- 1B1D29
- 0B0C13
- 010203
Gri tonlar
- A8AFDE
- A4AAD3
- 9FA4C9
- 9B9FBE
- 969AB4
- 9295A9
- 8D909F
- 898A94
- 84858A
Renk uyumları
Tamamlayıcı +180°
- ADB4E9
Purple Illusion
- C4BA81
≈ Frozen Marguerita
Analog -30° +30°
- ADB4E9
Purple Illusion
- 92BDE7
≈ Blue Shutters
- C6ACDE
≈ Perfume
Üçlü +120° +240°
- ADB4E9
Purple Illusion
- E4A895
≈ Ageless Beauty
- 8FC8A7
≈ Park Green Flat
Bölünmüş tamamlayıcı +150° +210°
- ADB4E9
Purple Illusion
- D9B084
≈ Calico
- AAC28E
≈ Shrubbery
Dörtlü +90° +180° +270°
- ADB4E9
Purple Illusion
- E4A5AE
≈ Love at First Sight
- C4BA81
≈ Frozen Marguerita
- 7DC8C2
≈ Cyantific
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.00:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.48:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
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);
}