Cor nomeada mais próxima · #80407C
#80407C
Cor nomeada mais próxima: Bruise
#80407C (rgb(128 64 124), hsl(304 33% 38%), oklch(0.475 0.119 329.6)) é mais próxima da cor nomeada Bruise. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#80407C
oklch(0.475 0.119 329.6)
Conversões de cor
- HEX
- #80407c
- RGB
- rgb(128 64 124)
- HSL
- hsl(304 33% 38%)
- HWB
- hwb(304 25% 50%)
- OKLCH
- oklch(0.475 0.119 329.6)
- OKLab
- oklab(0.475 0.103 -0.06)
- CIE Lab
- lab(37.3 34.74 -21.88)
- LCH
- lch(37.3 41.06 327.8)
- CMYK
- cmyk(0% 50% 3% 50%)
Tons claros · Sombras · Tons
Tons claros
- 8D5389
- 9A6595
- A777A2
- B38AAF
- C09DBC
- CDB0CA
- D9C3D7
- E6D7E4
- F2EBF1
Sombras
- 6E366B
- 5D2D5A
- 4D244A
- 3D1B3B
- 2E132C
- 1F0B1E
- 120511
- 060105
- 010001
Tons
- 81477D
- 814E7D
- 82557E
- 825B7E
- 82617F
- 82687F
- 826E7F
- 817480
- 817A80
Harmonias de cor
Complementar +180°
- 80407C
Bruise
- 196E35
≈ Column of Oak Green
Análoga -30° +30°
- 80407C
Bruise
- 674A95
≈ Sweet Flag
- 8F3B5A
≈ Quinacridone Magenta
Tríade +120° +240°
- 80407C
Bruise
- 725900
≈ Hot Mustard
- 006875
≈ Bankson Lake
Complementar dividida +150° +210°
- 80407C
Bruise
- 556400
≈ Serrano Pepper
- 006C5E
≈ Pacific Queen
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.13:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 2.94:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 7.13:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--bruise: #80407c;
--bruise-rgb: 128 64 124;
--bruise-oklch: oklch(0.475 0.119 329.6);
}
.element {
color: var(--bruise);
background-color: hsl(304 33% 38%);
border-color: oklch(0.475 0.119 329.6);
}Tailwind CSS v4
@theme {
--color-bruise: #80407c;
--color-bruise-50: #ffe9ff;
--color-bruise-100: #ffdafa;
--color-bruise-200: #f3c2ec;
--color-bruise-300: #dca1d3;
--color-bruise-400: #c684c0;
--color-bruise-500: #b167ac;
--color-bruise-600: #965791;
--color-bruise-700: #784674;
--color-bruise-800: #583257;
--color-bruise-900: #3e223d;
--color-bruise-950: #271126;
}SCSS
$bruise: #80407c;
$bruise-rgb: 128, 64, 124;
$bruise-light: mix(#fff, $bruise, 20%);
$bruise-dark: mix(#000, $bruise, 20%);
.element {
color: $bruise;
box-shadow: 0 0 0 2px rgba($bruise, 0.35);
}