Cor nomeada mais próxima · #D4A1CD
#D4A1CD
Cor nomeada mais próxima: Girl Power
#D4A1CD (rgb(212 161 205), hsl(308 37% 73%), oklch(0.77 0.084 331.1)) é 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.
#D4A1CD
oklch(0.77 0.084 331.1)
Conversões de cor
- HEX
- #d4a1cd
- RGB
- rgb(212 161 205)
- HSL
- hsl(308 37% 73%)
- HWB
- hwb(308 63% 17%)
- OKLCH
- oklch(0.77 0.084 331.1)
- OKLab
- oklab(0.77 0.073 -0.041)
- CIE Lab
- lab(72.16 24.8 -14.92)
- LCH
- lch(72.16 28.94 329)
- CMYK
- cmyk(0% 24% 3% 17%)
Tons claros · Sombras · Tons
Tons claros
- D9AAD2
- DDB4D7
- E2BDDC
- E6C6E1
- EAD0E6
- EED9EB
- F3E2F0
- F7ECF5
- FBF5FA
Sombras
- B88BB2
- 9D7698
- 83627E
- 694E66
- 513C4E
- 3A2A38
- 241923
- 10090F
- 020102
Tons
- CB9EC5
- C39BBD
- BB97B5
- B294AE
- AA91A6
- A18D9E
- 998A97
- 91878F
- 888387
Harmonias de cor
Complementar +180°
- D4A1CD
Girl Power
- 8DC499
≈ Delltone
Análoga -30° +30°
- D4A1CD
Girl Power
- BDA8E2
≈ Perfume
- E29EB1
≈ Vintage Victorian
Tríade +120° +240°
- D4A1CD
Girl Power
- C8B375
≈ Saucy
- 70C3D3
≈ Thredbo
Complementar dividida +150° +210°
- D4A1CD
Girl Power
- ACBD80
≈ Margarita
- 74C6B7
≈ Shockwave
Tétrade +90° +180° +270°
- D4A1CD
Girl Power
- DCA87D
≈ Eastern Spice
- 8DC499
≈ Delltone
- 83BCE5
≈ C’est la Vie
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.14:1 · APCA Lc 42
Ag
AAASobre preto
WCAG 9.77:1 · APCA Lc 60
Melhor cor de texto: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Trechos de código
CSS
:root {
--girl-power: #d4a1cd;
--girl-power-rgb: 212 161 205;
--girl-power-oklch: oklch(0.77 0.084 331.1);
}
.element {
color: var(--girl-power);
background-color: hsl(308 37% 73%);
border-color: oklch(0.77 0.084 331.1);
}Tailwind CSS v4
@theme {
--color-girl-power: #d4a1cd;
--color-girl-power-50: #ffedff;
--color-girl-power-100: #fadef4;
--color-girl-power-200: #ebc8e4;
--color-girl-power-300: #d2a8ca;
--color-girl-power-400: #bc8cb5;
--color-girl-power-500: #a671a0;
--color-girl-power-600: #8d6087;
--color-girl-power-700: #714d6c;
--color-girl-power-800: #533851;
--color-girl-power-900: #3a2638;
--color-girl-power-950: #241423;
}SCSS
$girl-power: #d4a1cd;
$girl-power-rgb: 212, 161, 205;
$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);
}