Cor nomeada · #BDA2C4
Beach Lilac
Beach Lilac é #BDA2C4: rgb(189 162 196), hsl(288 22% 70%), oklch(0.747 0.057 319.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Beach Lilac color name →
#BDA2C4
oklch(0.747 0.057 319.3)
Conversões de cor
- HEX
- #bda2c4
- RGB
- rgb(189 162 196)
- HSL
- hsl(288 22% 70%)
- HWB
- hwb(288 64% 23%)
- OKLCH
- oklch(0.747 0.057 319.3)
- OKLab
- oklab(0.747 0.043 -0.037)
- CIE Lab
- lab(69.87 14.8 -13.68)
- LCH
- lch(69.87 20.15 317.3)
- CMYK
- cmyk(4% 17% 0% 23%)
Tons claros · Sombras · Tons
Tons claros
- C4ABCA
- CAB4D0
- D1BDD6
- D7C6DC
- DED0E1
- E4D9E7
- EBE2ED
- F2ECF3
- F8F5F9
Sombras
- A48CAA
- 8C7791
- 746378
- 5D4F61
- 473C4A
- 332A35
- 1F1921
- 0D0A0E
- 020102
Tons
- B79FBD
- B19BB6
- AA98AF
- A494A8
- 9E91A2
- 988E9B
- 928A94
- 8C878D
- 868387
Harmonias de cor
Complementar +180°
- BDA2C4
Beach Lilac
- 9BB694
≈ Brookview
Análoga -30° +30°
- BDA2C4
Beach Lilac
- ABA8CF
≈ Violet Mix
- C99FB2
≈ Damsel
Tríade +120° +240°
- BDA2C4
Beach Lilac
- C0A985
≈ Handwoven
- 82B8BB
≈ Lifeboat Blue
Complementar dividida +150° +210°
- BDA2C4
Beach Lilac
- AFB087
≈ Daddy-O
- 8AB9A7
≈ Lichen
Tétrade +90° +180° +270°
- BDA2C4
Beach Lilac
- CBA38E
≈ Sombrero Tan
- 9BB694
≈ Brookview
- 88B4CA
≈ Batch Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.30:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.12:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.12:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
CSS
:root {
--beach-lilac: #bda2c4;
--beach-lilac-rgb: 189 162 196;
--beach-lilac-oklch: oklch(0.747 0.057 319.3);
}
.element {
color: var(--beach-lilac);
background-color: hsl(288 22% 70%);
border-color: oklch(0.747 0.057 319.3);
}Tailwind CSS v4
@theme {
--color-beach-lilac: #bda2c4;
--color-beach-lilac-50: #fdf0ff;
--color-beach-lilac-100: #f1e2f4;
--color-beach-lilac-200: #e0cde3;
--color-beach-lilac-300: #c5aec9;
--color-beach-lilac-400: #ad94b4;
--color-beach-lilac-500: #977a9e;
--color-beach-lilac-600: #806886;
--color-beach-lilac-700: #66536b;
--color-beach-lilac-800: #4a3c4f;
--color-beach-lilac-900: #342937;
--color-beach-lilac-950: #1f1722;
}SCSS
$beach-lilac: #bda2c4;
$beach-lilac-rgb: 189, 162, 196;
$beach-lilac-light: mix(#fff, $beach-lilac, 20%);
$beach-lilac-dark: mix(#000, $beach-lilac, 20%);
.element {
color: $beach-lilac;
box-shadow: 0 0 0 2px rgba($beach-lilac, 0.35);
}