Cor nomeada mais próxima · #CF9FCC
#CF9FCC
Cor nomeada mais próxima: Girl Power
#CF9FCC (rgb(207 159 204), hsl(304 33% 72%), oklch(0.761 0.083 328.4)) é mais próxima da cor nomeada Girl Power. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CF9FCC
oklch(0.761 0.083 328.4)
Conversões de cor
- HEX
- #cf9fcc
- RGB
- rgb(207 159 204)
- HSL
- hsl(304 33% 72%)
- HWB
- hwb(304 62% 19%)
- OKLCH
- oklch(0.761 0.083 328.4)
- OKLab
- oklab(0.761 0.07 -0.043)
- CIE Lab
- lab(71.14 23.92 -15.96)
- LCH
- lch(71.14 28.75 326.3)
- CMYK
- cmyk(0% 23% 1% 19%)
Tons claros · Sombras · Tons
Tons claros
- D4A8D1
- D9B2D6
- DEBBDB
- E3C5E0
- E8CFE6
- ECD8EB
- F1E2F0
- F6EBF5
- FAF5FA
Sombras
- B48AB1
- 997597
- 7F617E
- 674D65
- 4F3B4E
- 382937
- 231822
- 10090F
- 020102
Tons
- C79CC4
- BF99BC
- B796B5
- AF93AD
- A790A5
- 9F8D9E
- 978A96
- 90868F
- 888387
Harmonias de cor
Complementar +180°
- CF9FCC
Girl Power
- 8DC094
≈ Country Weekend
Análoga -30° +30°
- CF9FCC
Girl Power
- B8A6E0
≈ Enchanted Lavender
- DD9CB1
≈ Rose Delight
Tríade +120° +240°
- CF9FCC
Girl Power
- C7AF73
≈ Sandstone
- 6EC0CD
≈ Luna Moona
Complementar dividida +150° +210°
- CF9FCC
Girl Power
- ACB97D
≈ Green Curry
- 74C3B2
≈ Pale Jade
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.21:1 · APCA Lc 44
Ag
AAASobre preto
WCAG 9.48:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
CSS
:root {
--girl-power: #cf9fcc;
--girl-power-rgb: 207 159 204;
--girl-power-oklch: oklch(0.761 0.083 328.4);
}
.element {
color: var(--girl-power);
background-color: hsl(304 33% 72%);
border-color: oklch(0.761 0.083 328.4);
}Tailwind CSS v4
@theme {
--color-girl-power: #cf9fcc;
--color-girl-power-50: #ffedff;
--color-girl-power-100: #f9def5;
--color-girl-power-200: #eac8e5;
--color-girl-power-300: #d1a9cb;
--color-girl-power-400: #ba8db7;
--color-girl-power-500: #a472a2;
--color-girl-power-600: #8b6189;
--color-girl-power-700: #6f4d6d;
--color-girl-power-800: #513852;
--color-girl-power-900: #392639;
--color-girl-power-950: #231523;
}SCSS
$girl-power: #cf9fcc;
$girl-power-rgb: 207, 159, 204;
$girl-power-light: mix(#fff, $girl-power, 20%);
$girl-power-dark: mix(#000, $girl-power, 20%);
.element {
color: $girl-power;
box-shadow: 0 0 0 2px rgba($girl-power, 0.35);
}