Cor nomeada mais próxima · #731A55
#731A55
Cor nomeada mais próxima: Velvet
#731A55 (rgb(115 26 85), hsl(320 63% 28%), oklch(0.388 0.138 344.8)) é mais próxima da cor nomeada Velvet. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#731A55
oklch(0.388 0.138 344.8)
Conversões de cor
- HEX
- #731a55
- RGB
- rgb(115 26 85)
- HSL
- hsl(320 63% 28%)
- HWB
- hwb(320 10% 55%)
- OKLCH
- oklch(0.388 0.138 344.8)
- OKLab
- oklab(0.388 0.133 -0.036)
- CIE Lab
- lab(27.03 42.76 -12.95)
- LCH
- lch(27.03 44.68 343.2)
- CMYK
- cmyk(0% 77% 26% 55%)
Tons claros · Sombras · Tons
Tons claros
- 823365
- 914A75
- A06085
- AE7696
- BC8CA6
- CAA2B8
- D8B9C9
- E5D0DB
- F2E7ED
Sombras
- 631549
- 54103D
- 450C31
- 360726
- 28041C
- 1B0211
- 0F0108
- 050002
- 010000
Tons
- 762859
- 78335E
- 7A3E62
- 7C4866
- 7E516B
- 7F5B6F
- 806473
- 806E77
- 80777C
Harmonias de cor
Complementar +180°
- 731A55
Velvet
- 005239
≈ Trapper Green
Análoga -30° +30°
- 731A55
Velvet
- 5F2676
≈ Berry Blackmail
- 7D152C
≈ Jazzy Red
Tríade +120° +240°
- 731A55
Velvet
- 4B4600
≈ Alligator Gladiator
- 004C62
≈ Work Blue
Complementar dividida +150° +210°
- 731A55
Velvet
- 275100
≈ Patch of Land
- 004F4F
≈ Antique Turquoise
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.45:1 · APCA Lc 93
Ag
FailSobre preto
WCAG 2.00:1 · APCA Lc 9
Melhor cor de texto: #FFFFFF
WCAG 10.45:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
CSS
:root {
--velvet: #731a55;
--velvet-rgb: 115 26 85;
--velvet-oklch: oklch(0.388 0.138 344.8);
}
.element {
color: var(--velvet);
background-color: hsl(320 63% 28%);
border-color: oklch(0.388 0.138 344.8);
}Tailwind CSS v4
@theme {
--color-velvet: #731a55;
--color-velvet-50: #ffe6fd;
--color-velvet-100: #ffd6f1;
--color-velvet-200: #ffbde0;
--color-velvet-300: #eb9ac5;
--color-velvet-400: #d77bb1;
--color-velvet-500: #c35c9b;
--color-velvet-600: #a54e83;
--color-velvet-700: #853e69;
--color-velvet-800: #622d4f;
--color-velvet-900: #451e37;
--color-velvet-950: #2c0e22;
}SCSS
$velvet: #731a55;
$velvet-rgb: 115, 26, 85;
$velvet-light: mix(#fff, $velvet, 20%);
$velvet-dark: mix(#000, $velvet, 20%);
.element {
color: $velvet;
box-shadow: 0 0 0 2px rgba($velvet, 0.35);
}