En yakın adlandırılmış renk · #B2ABDD
#B2ABDD
En yakın adlandırılmış renk: Imperial Lilac
#B2ABDD (rgb(178 171 221), hsl(248 42% 77%), oklch(0.764 0.071 291)) en çok Imperial Lilac 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.
#B2ABDD
oklch(0.764 0.071 291)
Renk dönüşümleri
- HEX
- #b2abdd
- RGB
- rgb(178 171 221)
- HSL
- hsl(248 42% 77%)
- HWB
- hwb(248 67% 13%)
- OKLCH
- oklch(0.764 0.071 291)
- OKLab
- oklab(0.764 0.026 -0.066)
- CIE Lab
- lab(71.88 10.3 -24.46)
- LCH
- lch(71.88 26.54 292.8)
- CMYK
- cmyk(19% 23% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9B3E1
- C1BCE4
- C8C4E8
- D0CCEB
- D8D5EF
- DFDDF2
- E7E5F5
- EFEEF9
- F7F6FC
Koyu tonlar
- 9A94C0
- 837EA4
- 6D6888
- 57546E
- 434055
- 2F2D3D
- 1D1B26
- 0C0B11
- 010102
Gri tonlar
- ADA7D3
- A8A2CA
- A39EC1
- 9D9AB7
- 9895AE
- 9391A5
- 8F8D9B
- 8A8992
- 858489
Renk uyumları
Tamamlayıcı +180°
- B2ABDD
Imperial Lilac
- B4B782
≈ Fancy Flirt
Analog -30° +30°
- B2ABDD
Imperial Lilac
- 99B3E0
≈ Myrtle Flower
- C8A4CE
≈ Stormy Sunrise
Üçlü +120° +240°
- B2ABDD
Imperial Lilac
- D8A689
≈ Clay Fire
- 83C2AC
≈ Gauss Blaster Green
Bölünmüş tamamlayıcı +150° +210°
- B2ABDD
Imperial Lilac
- CAAE7E
≈ Cup of Tea
- 9ABE94
≈ Milly Green
Dörtlü +90° +180° +270°
- B2ABDD
Imperial Lilac
- DCA19F
≈ Passive Pink
- B4B782
≈ Fancy Flirt
- 7AC0C5
≈ Pure Turquoise
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.15:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.76:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--imperial-lilac: #b2abdd;
--imperial-lilac-rgb: 178 171 221;
--imperial-lilac-oklch: oklch(0.764 0.071 291);
}
.element {
color: var(--imperial-lilac);
background-color: hsl(248 42% 77%);
border-color: oklch(0.764 0.071 291);
}Tailwind CSS v4
@theme {
--color-imperial-lilac: #b2abdd;
--color-imperial-lilac-50: #f5f2ff;
--color-imperial-lilac-100: #e8e4fe;
--color-imperial-lilac-200: #d5cff1;
--color-imperial-lilac-300: #b8b1d9;
--color-imperial-lilac-400: #9e97c6;
--color-imperial-lilac-500: #867eb2;
--color-imperial-lilac-600: #716b96;
--color-imperial-lilac-700: #5b5579;
--color-imperial-lilac-800: #413e5a;
--color-imperial-lilac-900: #2d2b3f;
--color-imperial-lilac-950: #1a1828;
}SCSS
$imperial-lilac: #b2abdd;
$imperial-lilac-rgb: 178, 171, 221;
$imperial-lilac-light: mix(#fff, $imperial-lilac, 20%);
$imperial-lilac-dark: mix(#000, $imperial-lilac, 20%);
.element {
color: $imperial-lilac;
box-shadow: 0 0 0 2px rgba($imperial-lilac, 0.35);
}