Cor nomeada mais próxima · #743166
#743166
Cor nomeada mais próxima: Grape
#743166 (rgb(116 49 102), hsl(313 41% 32%), oklch(0.425 0.117 336.2)) é mais próxima da cor nomeada Grape. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#743166
oklch(0.425 0.117 336.2)
Conversões de cor
- HEX
- #743166
- RGB
- rgb(116 49 102)
- HSL
- hsl(313 41% 32%)
- HWB
- hwb(313 19% 55%)
- OKLCH
- oklch(0.425 0.117 336.2)
- OKLab
- oklab(0.425 0.107 -0.047)
- CIE Lab
- lab(31.56 35.26 -17.07)
- LCH
- lch(31.56 39.17 334.2)
- CMYK
- cmyk(0% 58% 12% 55%)
Tons claros · Sombras · Tons
Tons claros
- 824574
- 915983
- 9F6C92
- AD80A1
- BA95B0
- C8A9C0
- D6BECF
- E4D4DF
- F1E9EF
Sombras
- 642958
- 54224A
- 451A3C
- 37132F
- 290C23
- 1B0617
- 0F030C
- 050104
- 010000
Tons
- 763A69
- 78426B
- 7A4A6E
- 7B5271
- 7C5A73
- 7E6276
- 7F6979
- 7F717B
- 80787E
Harmonias de cor
Complementar +180°
- 743166
Grape
- 005E36
≈ Spruce
Análoga -30° +30°
Tríade +120° +240°
- 743166
Grape
- 5D4D00
≈ Scorzonera Brown
- 005869
≈ Oceanside
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.84:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.37:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 8.84:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--grape: #743166;
--grape-rgb: 116 49 102;
--grape-oklch: oklch(0.425 0.117 336.2);
}
.element {
color: var(--grape);
background-color: hsl(313 41% 32%);
border-color: oklch(0.425 0.117 336.2);
}Tailwind CSS v4
@theme {
--color-grape: #743166;
--color-grape-50: #ffe9ff;
--color-grape-100: #ffdaf5;
--color-grape-200: #f6c2e6;
--color-grape-300: #dfa0cc;
--color-grape-400: #ca83b8;
--color-grape-500: #b566a3;
--color-grape-600: #99578a;
--color-grape-700: #7b456e;
--color-grape-800: #5a3253;
--color-grape-900: #3f223a;
--color-grape-950: #281124;
}SCSS
$grape: #743166;
$grape-rgb: 116, 49, 102;
$grape-light: mix(#fff, $grape, 20%);
$grape-dark: mix(#000, $grape, 20%);
.element {
color: $grape;
box-shadow: 0 0 0 2px rgba($grape, 0.35);
}