En yakın adlandırılmış renk · #B2B9FA
#B2B9FA
En yakın adlandırılmış renk: Purple Illusion
#B2B9FA (rgb(178 185 250), hsl(234 88% 84%), oklch(0.804 0.092 279.3)) 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.
#B2B9FA
oklch(0.804 0.092 279.3)
Renk dönüşümleri
- HEX
- #b2b9fa
- RGB
- rgb(178 185 250)
- HSL
- hsl(234 88% 84%)
- HWB
- hwb(234 70% 2%)
- OKLCH
- oklch(0.804 0.092 279.3)
- OKLab
- oklab(0.804 0.015 -0.091)
- CIE Lab
- lab(76.36 8.28 -33.27)
- LCH
- lch(76.36 34.29 284)
- CMYK
- cmyk(29% 26% 0% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9C0FB
- C1C7FC
- C8CEFC
- D0D5FD
- D8DCFE
- DFE3FE
- E7EAFE
- EFF1FF
- F7F8FF
Koyu tonlar
- 9AA0D9
- 8389BA
- 6D719B
- 575B7D
- 434661
- 2F3146
- 1D1E2D
- 0C0D15
- 010203
Gri tonlar
- ADB3ED
- A8AEE1
- A3A8D4
- 9DA2C8
- 989CBC
- 9397B0
- 8E91A4
- 8A8B98
- 85868C
Renk uyumları
Tamamlayıcı +180°
- B2B9FA
Purple Illusion
- CDC07A
≈ Fresh Sprout
Analog -30° +30°
- B2B9FA
Purple Illusion
- 90C4F8
≈ Sail to the Sea
- D1AFEC
≈ Teasel Dipsacus
Üçlü +120° +240°
- B2B9FA
Purple Illusion
- F3AB92
≈ Shishi Pink
- 89D2AA
≈ Pharaoh’s Jade
Bölünmüş tamamlayıcı +150° +210°
- B2B9FA
Purple Illusion
- E6B47D
≈ Stormeye
- ACCB8B
≈ Venerable Verde
Dörtlü +90° +180° +270°
- B2B9FA
Purple Illusion
- F3A6B2
≈ Pink Fit
- CDC07A
≈ Fresh Sprout
- 72D2CB
≈ Hidden Sea Glass
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.21:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-illusion: #b2b9fa;
--purple-illusion-rgb: 178 185 250;
--purple-illusion-oklch: oklch(0.804 0.092 279.3);
}
.element {
color: var(--purple-illusion);
background-color: hsl(234 88% 84%);
border-color: oklch(0.804 0.092 279.3);
}Tailwind CSS v4
@theme {
--color-purple-illusion: #b2b9fa;
--color-purple-illusion-50: #f0f3ff;
--color-purple-illusion-100: #e2e5ff;
--color-purple-illusion-200: #cdd0fc;
--color-purple-illusion-300: #afb2e6;
--color-purple-illusion-400: #9399d5;
--color-purple-illusion-500: #797fc2;
--color-purple-illusion-600: #676ca4;
--color-purple-illusion-700: #525684;
--color-purple-illusion-800: #3a3f62;
--color-purple-illusion-900: #282b45;
--color-purple-illusion-950: #16192d;
}SCSS
$purple-illusion: #b2b9fa;
$purple-illusion-rgb: 178, 185, 250;
$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);
}