Cor nomeada mais próxima · #CD5AB3
#CD5AB3
Cor nomeada mais próxima: Barbiecore
#CD5AB3 (rgb(205 90 179), hsl(314 53% 58%), oklch(0.641 0.179 337.1)) é mais próxima da cor nomeada Barbiecore. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CD5AB3
oklch(0.641 0.179 337.1)
Conversões de cor
- HEX
- #cd5ab3
- RGB
- rgb(205 90 179)
- HSL
- hsl(314 53% 58%)
- HWB
- hwb(314 35% 20%)
- OKLCH
- oklch(0.641 0.179 337.1)
- OKLab
- oklab(0.641 0.164 -0.07)
- CIE Lab
- lab(55.73 54.17 -25.2)
- LCH
- lch(55.73 59.75 335.1)
- CMYK
- cmyk(0% 56% 13% 20%)
Tons claros · Sombras · Tons
Tons claros
- D46CBB
- DA7DC2
- E08ECA
- E59ED2
- EAAED9
- EFBEE1
- F4CFE8
- F8DFF0
- FCEFF8
Sombras
- B24D9B
- 984184
- 7E356E
- 662958
- 4E1E43
- 38132F
- 23091D
- 0F030C
- 020001
Tons
- C660AE
- BF65A9
- B869A4
- B06D9F
- A9719A
- A17595
- 997890
- 917B8A
- 897D85
Harmonias de cor
Complementar +180°
- CD5AB3
Barbiecore
- 00A766
≈ Jade
Análoga -30° +30°
- CD5AB3
Barbiecore
- A969DF
≈ Violet Voltage
- E15379
≈ Fever Dream
Tríade +120° +240°
- CD5AB3
Barbiecore
- A38B00
≈ Guava Green
- 009DB9
≈ Brilliant Sea
Complementar dividida +150° +210°
- CD5AB3
Barbiecore
- 719D00
≈ Luminescent Green
- 00A298
≈ Ceramic Blue Turquoise
Tétrade +90° +180° +270°
- CD5AB3
Barbiecore
- C47800
≈ Dirty Orange
- 00A766
≈ Jade
- 0092EC
≈ Karimun Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.67:1 · APCA Lc 64
Ag
AASobre preto
WCAG 5.70:1 · APCA Lc 38
Melhor cor de texto: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
Trechos de código
CSS
:root {
--barbiecore: #cd5ab3;
--barbiecore-rgb: 205 90 179;
--barbiecore-oklch: oklch(0.641 0.179 337.1);
}
.element {
color: var(--barbiecore);
background-color: hsl(314 53% 58%);
border-color: oklch(0.641 0.179 337.1);
}Tailwind CSS v4
@theme {
--color-barbiecore: #cd5ab3;
--color-barbiecore-50: #ffe2ff;
--color-barbiecore-100: #ffd1fc;
--color-barbiecore-200: #ffb6ed;
--color-barbiecore-300: #f292d5;
--color-barbiecore-400: #de70c4;
--color-barbiecore-500: #cb4cb0;
--color-barbiecore-600: #ac4195;
--color-barbiecore-700: #8a3477;
--color-barbiecore-800: #66255a;
--color-barbiecore-900: #47193f;
--color-barbiecore-950: #2e0828;
}SCSS
$barbiecore: #cd5ab3;
$barbiecore-rgb: 205, 90, 179;
$barbiecore-light: mix(#fff, $barbiecore, 20%);
$barbiecore-dark: mix(#000, $barbiecore, 20%);
.element {
color: $barbiecore;
box-shadow: 0 0 0 2px rgba($barbiecore, 0.35);
}