Cor nomeada mais próxima · #B2B9FA
#B2B9FA
Cor nomeada mais próxima: Purple Illusion
#B2B9FA (rgb(178 185 250), hsl(234 88% 84%), oklch(0.804 0.092 279.3)) é mais próxima da cor nomeada Purple Illusion. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B2B9FA
oklch(0.804 0.092 279.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- B9C0FB
- C1C7FC
- C8CEFC
- D0D5FD
- D8DCFE
- DFE3FE
- E7EAFE
- EFF1FF
- F7F8FF
Sombras
- 9AA0D9
- 8389BA
- 6D719B
- 575B7D
- 434661
- 2F3146
- 1D1E2D
- 0C0D15
- 010203
Tons
- ADB3ED
- A8AEE1
- A3A8D4
- 9DA2C8
- 989CBC
- 9397B0
- 8E91A4
- 8A8B98
- 85868C
Harmonias de cor
Complementar +180°
- B2B9FA
Purple Illusion
- CDC07A
≈ Fresh Sprout
Análoga -30° +30°
- B2B9FA
Purple Illusion
- 90C4F8
≈ Sail to the Sea
- D1AFEC
≈ Teasel Dipsacus
Tríade +120° +240°
- B2B9FA
Purple Illusion
- F3AB92
≈ Shishi Pink
- 89D2AA
≈ Pharaoh’s Jade
Complementar dividida +150° +210°
- B2B9FA
Purple Illusion
- E6B47D
≈ Stormeye
- ACCB8B
≈ Venerable Verde
Tétrade +90° +180° +270°
- B2B9FA
Purple Illusion
- F3A6B2
≈ Pink Fit
- CDC07A
≈ Fresh Sprout
- 72D2CB
≈ Hidden Sea Glass
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.21:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
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);
}