Cor nomeada mais próxima · #913669
#913669
Cor nomeada mais próxima: Midnight Aubergine
#913669 (rgb(145 54 105), hsl(326 46% 39%), oklch(0.477 0.135 348.7)) é mais próxima da cor nomeada Midnight Aubergine. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#913669
oklch(0.477 0.135 348.7)
Conversões de cor
- HEX
- #913669
- RGB
- rgb(145 54 105)
- HSL
- hsl(326 46% 39%)
- HWB
- hwb(326 21% 43%)
- OKLCH
- oklch(0.477 0.135 348.7)
- OKLab
- oklab(0.477 0.133 -0.026)
- CIE Lab
- lab(37.48 43.01 -9.46)
- LCH
- lch(37.48 44.04 347.6)
- CMYK
- cmyk(0% 63% 28% 43%)
Tons claros · Sombras · Tons
Tons claros
- 9D4B77
- A95E85
- B57294
- C186A2
- CC99B1
- D6ADC0
- E1C1D0
- EBD6DF
- F5EAEF
Sombras
- 7D2E5A
- 6A254C
- 581E3E
- 461631
- 350F24
- 250818
- 15030C
- 070104
- 010000
Tons
- 903F6B
- 90476E
- 8F4F70
- 8E5772
- 8C5E75
- 8A6577
- 886C79
- 86737B
- 83797E
Harmonias de cor
Complementar +180°
- 913669
Midnight Aubergine
- 006E53
≈ Martian Green
Análoga -30° +30°
- 913669
Midnight Aubergine
- 7C3F8C
≈ Nightly Violet
- 9A353E
≈ Shin Godzilla
Tríade +120° +240°
- 913669
Midnight Aubergine
- 626100
≈ Kirchner Green
- 006686
≈ Bowerbird Blue
Complementar dividida +150° +210°
- 913669
Midnight Aubergine
- 2E6E16
≈ Tatzelwurm Green
- 006A6E
≈ Aqua Obscura
Tétrade +90° +180° +270°
- 913669
Midnight Aubergine
- 7A5500
≈ Pickled Grape Leaves
- 006E53
≈ Martian Green
- 285AA7
≈ Miracle at Wrigley
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.15:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 2.93:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--midnight-aubergine: #913669;
--midnight-aubergine-rgb: 145 54 105;
--midnight-aubergine-oklch: oklch(0.477 0.135 348.7);
}
.element {
color: var(--midnight-aubergine);
background-color: hsl(326 46% 39%);
border-color: oklch(0.477 0.135 348.7);
}Tailwind CSS v4
@theme {
--color-midnight-aubergine: #913669;
--color-midnight-aubergine-50: #ffe6fa;
--color-midnight-aubergine-100: #ffd6ee;
--color-midnight-aubergine-200: #ffbddc;
--color-midnight-aubergine-300: #ec9ac0;
--color-midnight-aubergine-400: #d97bab;
--color-midnight-aubergine-500: #c55c95;
--color-midnight-aubergine-600: #a74e7e;
--color-midnight-aubergine-700: #863e65;
--color-midnight-aubergine-800: #632d4c;
--color-midnight-aubergine-900: #451e34;
--color-midnight-aubergine-950: #2d0e20;
}SCSS
$midnight-aubergine: #913669;
$midnight-aubergine-rgb: 145, 54, 105;
$midnight-aubergine-light: mix(#fff, $midnight-aubergine, 20%);
$midnight-aubergine-dark: mix(#000, $midnight-aubergine, 20%);
.element {
color: $midnight-aubergine;
box-shadow: 0 0 0 2px rgba($midnight-aubergine, 0.35);
}