Cor nomeada · #BD33A4
Byzantine
Byzantine é #BD33A4: rgb(189 51 164), hsl(311 58% 47%), oklch(0.569 0.21 336.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Byzantine color name →
#BD33A4
oklch(0.569 0.21 336.4)
Conversões de cor
- HEX
- #bd33a4
- RGB
- rgb(189 51 164)
- HSL
- hsl(311 58% 47%)
- HWB
- hwb(311 20% 26%)
- OKLCH
- oklch(0.569 0.21 336.4)
- OKLab
- oklab(0.569 0.192 -0.084)
- CIE Lab
- lab(46.9 62.99 -30.28)
- LCH
- lch(46.9 69.89 334.3)
- CMYK
- cmyk(0% 73% 13% 26%)
Tons claros · Sombras · Tons
Tons claros
- C64DAD
- CE63B7
- D678C0
- DD8BC9
- E49FD2
- EAB2DB
- F0C5E4
- F6D9ED
- FBECF6
Sombras
- A42B8E
- 8C2379
- 741C64
- 5D1450
- 470D3D
- 33072B
- 1F031A
- 0D010A
- 020001
Tons
- B840A1
- B34A9D
- AE539A
- A85B96
- A26293
- 9C698F
- 966F8C
- 8F7588
- 887B84
Harmonias de cor
Complementar +180°
- BD33A4
Byzantine
- 008E54
≈ Moss
Análoga -30° +30°
- BD33A4
Byzantine
- 9748D6
≈ Purple Yam
- D32363
≈ Beet Wave
Tríade +120° +240°
- BD33A4
Byzantine
- 8B7600
≈ Vermin Brown
- 00859D
≈ Zircon Blue
Complementar dividida +150° +210°
- BD33A4
Byzantine
- 618500
≈ Enchanted Forest
- 008A80
≈ Clear Turquoise
Tétrade +90° +180° +270°
- BD33A4
Byzantine
- A86500
≈ Butter Fudge
- 008E54
≈ Moss
- 007CC8
≈ Blue Aster
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.03:1 · APCA Lc 74
Ag
FailSobre preto
WCAG 4.17:1 · APCA Lc 28
Melhor cor de texto: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--byzantine: #bd33a4;
--byzantine-rgb: 189 51 164;
--byzantine-oklch: oklch(0.569 0.21 336.4);
}
.element {
color: var(--byzantine);
background-color: hsl(311 58% 47%);
border-color: oklch(0.569 0.21 336.4);
}Tailwind CSS v4
@theme {
--color-byzantine: #bd33a4;
--color-byzantine-50: #ffdfff;
--color-byzantine-100: #ffcdff;
--color-byzantine-200: #ffb0f3;
--color-byzantine-300: #fb89dc;
--color-byzantine-400: #e765cc;
--color-byzantine-500: #d539b9;
--color-byzantine-600: #b4329c;
--color-byzantine-700: #90287d;
--color-byzantine-800: #6a1c5f;
--color-byzantine-900: #4b1343;
--color-byzantine-950: #31042b;
}SCSS
$byzantine: #bd33a4;
$byzantine-rgb: 189, 51, 164;
$byzantine-light: mix(#fff, $byzantine, 20%);
$byzantine-dark: mix(#000, $byzantine, 20%);
.element {
color: $byzantine;
box-shadow: 0 0 0 2px rgba($byzantine, 0.35);
}