Cor nomeada mais próxima · #A73560
#A73560
Cor nomeada mais próxima: Royal Flush
#A73560 (rgb(167 53 96), hsl(337 52% 43%), oklch(0.508 0.153 1.1)) é mais próxima da cor nomeada Royal Flush. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A73560
oklch(0.508 0.153 1.1)
Conversões de cor
- HEX
- #a73560
- RGB
- rgb(167 53 96)
- HSL
- hsl(337 52% 43%)
- HWB
- hwb(337 21% 35%)
- OKLCH
- oklch(0.508 0.153 1.1)
- OKLab
- oklab(0.508 0.153 0.003)
- CIE Lab
- lab(40.99 49.8 1.87)
- LCH
- lch(40.99 49.83 2.2)
- CMYK
- cmyk(0% 68% 43% 35%)
Tons claros · Sombras · Tons
Tons claros
- B24B6F
- BC607D
- C6748D
- D0879C
- D99BAC
- E1AFBC
- EAC3CC
- F1D7DD
- F8EBEE
Sombras
- 912D52
- 7B2545
- 661D38
- 52152C
- 3E0E20
- 2C0815
- 1A030A
- 0A0103
- 010000
Tons
- A53F63
- A24866
- 9F5069
- 9C586D
- 985F70
- 946673
- 906D76
- 8B7479
- 867A7D
Harmonias de cor
Complementar +180°
- A73560
Royal Flush
- 007668
≈ Hawk Turquoise
Análoga -30° +30°
- A73560
Royal Flush
- 953D8D
≈ Purple Excellency
- AC3928
≈ Rooibos Tea
Tríade +120° +240°
- A73560
Royal Flush
- 5B6F00
≈ Over the Hills
- 006CA2
≈ Jazz Blue
Complementar dividida +150° +210°
- A73560
Royal Flush
- 007A3A
≈ Jordan Jazz
- 007282
≈ Caribbean Dream
Tétrade +90° +180° +270°
- A73560
Royal Flush
- 7C6200
≈ Ground Earth
- 007668
≈ Hawk Turquoise
- 475BBC
≈ Chinese Bellflower
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.32:1 · APCA Lc 81
Ag
FailSobre preto
WCAG 3.32:1 · APCA Lc 21
Melhor cor de texto: #FFFFFF
WCAG 6.32:1 (AA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--royal-flush: #a73560;
--royal-flush-rgb: 167 53 96;
--royal-flush-oklch: oklch(0.508 0.153 1.1);
}
.element {
color: var(--royal-flush);
background-color: hsl(337 52% 43%);
border-color: oklch(0.508 0.153 1.1);
}Tailwind CSS v4
@theme {
--color-royal-flush: #a73560;
--color-royal-flush-50: #ffe4f1;
--color-royal-flush-100: #ffd3e3;
--color-royal-flush-200: #ffb9ce;
--color-royal-flush-300: #f895b0;
--color-royal-flush-400: #e67499;
--color-royal-flush-500: #d35180;
--color-royal-flush-600: #b2466c;
--color-royal-flush-700: #8f3857;
--color-royal-flush-800: #6a2741;
--color-royal-flush-900: #4b1a2d;
--color-royal-flush-950: #310a1a;
}SCSS
$royal-flush: #a73560;
$royal-flush-rgb: 167, 53, 96;
$royal-flush-light: mix(#fff, $royal-flush, 20%);
$royal-flush-dark: mix(#000, $royal-flush, 20%);
.element {
color: $royal-flush;
box-shadow: 0 0 0 2px rgba($royal-flush, 0.35);
}