Cor nomeada · #6A577F
Charoite Violet
Charoite Violet é #6A577F: rgb(106 87 127), hsl(269 19% 42%), oklch(0.491 0.066 305.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Charoite Violet color name →
#6A577F
oklch(0.491 0.066 305.8)
Conversões de cor
- HEX
- #6a577f
- RGB
- rgb(106 87 127)
- HSL
- hsl(269 19% 42%)
- HWB
- hwb(269 34% 50%)
- OKLCH
- oklch(0.491 0.066 305.8)
- OKLab
- oklab(0.491 0.039 -0.054)
- CIE Lab
- lab(40.12 14.41 -19.67)
- LCH
- lch(40.12 24.39 306.2)
- CMYK
- cmyk(17% 31% 0% 50%)
Tons claros · Sombras · Tons
Tons claros
- 78678B
- 867698
- 9486A4
- A397B1
- B2A8BE
- C1B9CB
- D0CAD8
- DFDBE5
- EFEDF2
Sombras
- 5B4B6E
- 4D3E5D
- 3F334C
- 31273C
- 241C2D
- 18121F
- 0D0811
- 040306
- 000001
Tons
- 6C5B7F
- 6E5F80
- 716380
- 736880
- 756C80
- 777080
- 797480
- 7C7880
- 7E7C80
Harmonias de cor
Complementar +180°
- 6A577F
Charoite Violet
- 57683D
≈ Alfalfa Extract
Análoga -30° +30°
- 6A577F
Charoite Violet
- 565E87
≈ Karmic Grape
- 79526F
≈ Berry Conserve
Tríade +120° +240°
- 6A577F
Charoite Violet
- 7B5937
≈ Über Umber
- 2D6D66
≈ North Sea
Complementar dividida +150° +210°
- 6A577F
Charoite Violet
- 6C6133
≈ Rationality
- 406C51
≈ Toad King
Tétrade +90° +180° +270°
- 6A577F
Charoite Violet
- 825346
≈ Root Beer
- 57683D
≈ Alfalfa Extract
- 2D6A79
≈ Ocean’s Embrace
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.39:1 · APCA Lc 82
Ag
FailSobre preto
WCAG 3.28:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.39:1 (AA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--charoite-violet: #6a577f;
--charoite-violet-rgb: 106 87 127;
--charoite-violet-oklch: oklch(0.491 0.066 305.8);
}
.element {
color: var(--charoite-violet);
background-color: hsl(269 19% 42%);
border-color: oklch(0.491 0.066 305.8);
}Tailwind CSS v4
@theme {
--color-charoite-violet: #6a577f;
--color-charoite-violet-50: #faf0ff;
--color-charoite-violet-100: #eee2fa;
--color-charoite-violet-200: #dccdeb;
--color-charoite-violet-300: #c1afd2;
--color-charoite-violet-400: #a895be;
--color-charoite-violet-500: #917baa;
--color-charoite-violet-600: #7b688f;
--color-charoite-violet-700: #625373;
--color-charoite-violet-800: #473d55;
--color-charoite-violet-900: #312a3c;
--color-charoite-violet-950: #1d1725;
}SCSS
$charoite-violet: #6a577f;
$charoite-violet-rgb: 106, 87, 127;
$charoite-violet-light: mix(#fff, $charoite-violet, 20%);
$charoite-violet-dark: mix(#000, $charoite-violet, 20%);
.element {
color: $charoite-violet;
box-shadow: 0 0 0 2px rgba($charoite-violet, 0.35);
}