Cor nomeada · #B39EB5
Pastel Purple
Pastel Purple é #B39EB5: rgb(179 158 181), hsl(295 13% 66%), oklch(0.725 0.04 323.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Pastel Purple color name →
#B39EB5
oklch(0.725 0.04 323.3)
Conversões de cor
- HEX
- #b39eb5
- RGB
- rgb(179 158 181)
- HSL
- hsl(295 13% 66%)
- HWB
- hwb(295 62% 29%)
- OKLCH
- oklch(0.725 0.04 323.3)
- OKLab
- oklab(0.725 0.032 -0.024)
- CIE Lab
- lab(67.53 11.08 -8.98)
- LCH
- lch(67.53 14.27 321)
- CMYK
- cmyk(1% 13% 0% 29%)
Tons claros · Sombras · Tons
Tons claros
- BAA7BC
- C2B1C3
- C9BACB
- D1C4D2
- D9CEDA
- E0D7E1
- E8E1E8
- F0EBF0
- F7F5F7
Sombras
- 9B899D
- 847486
- 6E606F
- 584D59
- 433A44
- 2F2930
- 1D181D
- 0C090C
- 010102
Tons
- AE9BB0
- A998AA
- A395A5
- 9E929F
- 998F9A
- 948C95
- 8F8990
- 8A868A
- 858385
Harmonias de cor
Complementar +180°
- B39EB5
Pastel Purple
- 98AD96
≈ Rooftop Garden
Análoga -30° +30°
- B39EB5
Pastel Purple
- A7A2BE
≈ Canyon Mist
- BB9CA8
≈ Pale Petticoat
Tríade +120° +240°
- B39EB5
Pastel Purple
- B2A48A
≈ Curly Willow
- 89AEB1
≈ Bon Voyage
Complementar dividida +150° +210°
- B39EB5
Pastel Purple
- A6A98C
≈ Mountain Sage
- 8DAFA4
≈ Donnegal
Tétrade +90° +180° +270°
- B39EB5
Pastel Purple
- BBA08F
≈ White Mouse
- 98AD96
≈ Rooftop Garden
- 8EABBC
≈ Pool Bar
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.47:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.47:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.47:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--pastel-purple: #b39eb5;
--pastel-purple-rgb: 179 158 181;
--pastel-purple-oklch: oklch(0.725 0.04 323.3);
}
.element {
color: var(--pastel-purple);
background-color: hsl(295 13% 66%);
border-color: oklch(0.725 0.04 323.3);
}Tailwind CSS v4
@theme {
--color-pastel-purple: #b39eb5;
--color-pastel-purple-50: #fbf1fc;
--color-pastel-purple-100: #efe3ef;
--color-pastel-purple-200: #decfde;
--color-pastel-purple-300: #c3b1c3;
--color-pastel-purple-400: #ab97ac;
--color-pastel-purple-500: #947d96;
--color-pastel-purple-600: #7d6a7f;
--color-pastel-purple-700: #645565;
--color-pastel-purple-800: #493e4b;
--color-pastel-purple-900: #332b34;
--color-pastel-purple-950: #1e181f;
}SCSS
$pastel-purple: #b39eb5;
$pastel-purple-rgb: 179, 158, 181;
$pastel-purple-light: mix(#fff, $pastel-purple, 20%);
$pastel-purple-dark: mix(#000, $pastel-purple, 20%);
.element {
color: $pastel-purple;
box-shadow: 0 0 0 2px rgba($pastel-purple, 0.35);
}