Cor nomeada mais próxima · #72165E
#72165E
Cor nomeada mais próxima: Velvet
#72165E (rgb(114 22 94), hsl(313 68% 27%), oklch(0.387 0.147 338.6)) é mais próxima da cor nomeada Velvet. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#72165E
oklch(0.387 0.147 338.6)
Conversões de cor
- HEX
- #72165e
- RGB
- rgb(114 22 94)
- HSL
- hsl(313 68% 27%)
- HWB
- hwb(313 9% 55%)
- OKLCH
- oklch(0.387 0.147 338.6)
- OKLab
- oklab(0.387 0.137 -0.054)
- CIE Lab
- lab(26.73 44.7 -19.37)
- LCH
- lch(26.73 48.71 336.6)
- CMYK
- cmyk(0% 81% 18% 55%)
Tons claros · Sombras · Tons
Tons claros
- 81316D
- 90487D
- 9F5E8C
- AD759C
- BB8BAC
- C9A1BC
- D7B8CD
- E5D0DD
- F2E7EE
Sombras
- 621251
- 530D44
- 440937
- 36062B
- 28031F
- 1B0214
- 0E010A
- 040003
- 010000
Tons
- 752562
- 773165
- 793C69
- 7B476C
- 7D5170
- 7E5A73
- 7F6476
- 806D7A
- 80777D
Harmonias de cor
Complementar +180°
- 72165E
Velvet
- 005232
≈ Card Table Green
Análoga -30° +30°
- 72165E
Velvet
- 5B247F
≈ Purplex
- 7F0A34
≈ Inescapable Lover
Tríade +120° +240°
- 72165E
Velvet
- 4F4400
≈ Roman Bronze
- 004D5D
≈ Teal Dark Blue
Complementar dividida +150° +210°
- 72165E
Velvet
- 334E00
≈ Godzilla
- 004F4B
≈ Action Green
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.54:1 · APCA Lc 93
Ag
FailSobre preto
WCAG 1.99:1 · APCA Lc 9
Melhor cor de texto: #FFFFFF
WCAG 10.54:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
CSS
:root {
--velvet: #72165e;
--velvet-rgb: 114 22 94;
--velvet-oklch: oklch(0.387 0.147 338.6);
}
.element {
color: var(--velvet);
background-color: hsl(313 68% 27%);
border-color: oklch(0.387 0.147 338.6);
}Tailwind CSS v4
@theme {
--color-velvet: #72165e;
--color-velvet-50: #ffe5ff;
--color-velvet-100: #ffd5f7;
--color-velvet-200: #ffbce7;
--color-velvet-300: #ea99ce;
--color-velvet-400: #d67abc;
--color-velvet-500: #c259a7;
--color-velvet-600: #a44c8d;
--color-velvet-700: #843d71;
--color-velvet-800: #612c55;
--color-velvet-900: #441d3b;
--color-velvet-950: #2c0d25;
}SCSS
$velvet: #72165e;
$velvet-rgb: 114, 22, 94;
$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);
}