Cor nomeada mais próxima · #6E476C
#6E476C
Cor nomeada mais próxima: Royal Plum
#6E476C (rgb(110 71 108), hsl(303 22% 35%), oklch(0.456 0.076 328.5)) é mais próxima da cor nomeada Royal Plum. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#6E476C
oklch(0.456 0.076 328.5)
Conversões de cor
- HEX
- #6e476c
- RGB
- rgb(110 71 108)
- HSL
- hsl(303 22% 35%)
- HWB
- hwb(303 28% 57%)
- OKLCH
- oklch(0.456 0.076 328.5)
- OKLab
- oklab(0.456 0.065 -0.04)
- CIE Lab
- lab(35.78 22 -14.53)
- LCH
- lch(35.78 26.36 326.6)
- CMYK
- cmyk(0% 35% 2% 57%)
Tons claros · Sombras · Tons
Tons claros
- 7C587A
- 8A6988
- 987B96
- A78DA5
- B59FB3
- C4B2C2
- D2C4D1
- E1D8E0
- F0EBEF
Sombras
- 5F3D5D
- 50324E
- 412840
- 331F32
- 261625
- 190D19
- 0E060D
- 040204
- 010000
Tons
- 704D6E
- 725370
- 745872
- 765E74
- 786476
- 7A6978
- 7B6F7A
- 7D757C
- 7F7A7E
Harmonias de cor
Complementar +180°
- 6E476C
Royal Plum
- 37633F
≈ Forest Serenade
Análoga -30° +30°
- 6E476C
Royal Plum
- 5C4D7C
≈ Imperial Palace
- 794456
≈ Deep Carmine
Tríade +120° +240°
- 6E476C
Royal Plum
- 68541E
≈ Field Drab
- 09626D
≈ Peacock Tail
Complementar dividida +150° +210°
- 6E476C
Royal Plum
- 535D28
≈ Saratoga
- 166557
≈ Dancing Dragonfly
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.55:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.78:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 7.55:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--royal-plum: #6e476c;
--royal-plum-rgb: 110 71 108;
--royal-plum-oklch: oklch(0.456 0.076 328.5);
}
.element {
color: var(--royal-plum);
background-color: hsl(303 22% 35%);
border-color: oklch(0.456 0.076 328.5);
}Tailwind CSS v4
@theme {
--color-royal-plum: #6e476c;
--color-royal-plum-50: #ffeeff;
--color-royal-plum-100: #f7dff4;
--color-royal-plum-200: #e8c9e4;
--color-royal-plum-300: #cfaaca;
--color-royal-plum-400: #b88fb5;
--color-royal-plum-500: #a2749f;
--color-royal-plum-600: #896287;
--color-royal-plum-700: #6e4e6c;
--color-royal-plum-800: #503950;
--color-royal-plum-900: #382738;
--color-royal-plum-950: #221523;
}SCSS
$royal-plum: #6e476c;
$royal-plum-rgb: 110, 71, 108;
$royal-plum-light: mix(#fff, $royal-plum, 20%);
$royal-plum-dark: mix(#000, $royal-plum, 20%);
.element {
color: $royal-plum;
box-shadow: 0 0 0 2px rgba($royal-plum, 0.35);
}