Cor nomeada mais próxima · #AE0047
#AE0047
Cor nomeada mais próxima: Raspberry
#AE0047 (rgb(174 0 71), hsl(336 100% 34%), oklch(0.481 0.192 8.8)) é mais próxima da cor nomeada Raspberry. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#AE0047
oklch(0.481 0.192 8.8)
Conversões de cor
- HEX
- #ae0047
- RGB
- rgb(174 0 71)
- HSL
- hsl(336 100% 34%)
- HWB
- hwb(336 0% 32%)
- OKLCH
- oklch(0.481 0.192 8.8)
- OKLab
- oklab(0.481 0.19 0.029)
- CIE Lab
- lab(37.48 62.25 13.19)
- LCH
- lch(37.48 63.63 12)
- CMYK
- cmyk(0% 100% 59% 32%)
Tons claros · Sombras · Tons
Tons claros
- B93158
- C44D69
- CE657A
- D77B8C
- E0919E
- E8A7B1
- EFBDC4
- F5D3D7
- FAE9EB
Sombras
- 97003D
- 800032
- 6A0028
- 55001F
- 410016
- 2E000D
- 1C0006
- 0B0002
- 010000
Tons
- AB224D
- A93352
- A54058
- A24B5D
- 9E5663
- 995F69
- 94686F
- 8E7074
- 88787A
Harmonias de cor
Complementar +180°
- AE0047
Raspberry
- 006C67
≈ Green Dragon
Análoga -30° +30°
- AE0047
Raspberry
- 9C1A81
≈ Haunted Purple
- A23300
≈ Salsa Mexicana
Tríade +120° +240°
- AE0047
Raspberry
- 476A00
≈ Over the Hills
- 0060A4
≈ Directoire Blue
Complementar dividida +150° +210°
- AE0047
Raspberry
- 007046
≈ Diisha Green
- 00697F
≈ Pilot Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.26:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 2.89:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--raspberry: #ae0047;
--raspberry-rgb: 174 0 71;
--raspberry-oklch: oklch(0.481 0.192 8.8);
}
.element {
color: var(--raspberry);
background-color: hsl(336 100% 34%);
border-color: oklch(0.481 0.192 8.8);
}Tailwind CSS v4
@theme {
--color-raspberry: #ae0047;
--color-raspberry-50: #ffdfe8;
--color-raspberry-100: #ffced8;
--color-raspberry-200: #ffb1c0;
--color-raspberry-300: #ff8a9f;
--color-raspberry-400: #f96487;
--color-raspberry-500: #e7376c;
--color-raspberry-600: #c3315b;
--color-raspberry-700: #9d2749;
--color-raspberry-800: #751b37;
--color-raspberry-900: #531226;
--color-raspberry-950: #370314;
}SCSS
$raspberry: #ae0047;
$raspberry-rgb: 174, 0, 71;
$raspberry-light: mix(#fff, $raspberry, 20%);
$raspberry-dark: mix(#000, $raspberry, 20%);
.element {
color: $raspberry;
box-shadow: 0 0 0 2px rgba($raspberry, 0.35);
}