Cor nomeada mais próxima · #77517F
#77517F
Cor nomeada mais próxima: Dr Who
#77517F (rgb(119 81 127), hsl(290 22% 41%), oklch(0.494 0.084 320.5)) é mais próxima da cor nomeada Dr Who. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#77517F
oklch(0.494 0.084 320.5)
Conversões de cor
- HEX
- #77517f
- RGB
- rgb(119 81 127)
- HSL
- hsl(290 22% 41%)
- HWB
- hwb(290 32% 50%)
- OKLCH
- oklch(0.494 0.084 320.5)
- OKLab
- oklab(0.494 0.065 -0.054)
- CIE Lab
- lab(40.06 22.69 -19.61)
- LCH
- lch(40.06 29.99 319.2)
- CMYK
- cmyk(6% 36% 0% 50%)
Tons claros · Sombras · Tons
Tons claros
- 84618B
- 917298
- 9F82A4
- AC93B1
- B9A5BE
- C7B6CB
- D5C8D8
- E3DAE5
- F1ECF2
Sombras
- 67456E
- 573A5D
- 472F4C
- 38243C
- 2A1A2D
- 1C101F
- 100711
- 050206
- 010001
Tons
- 78567F
- 795B80
- 7A5F80
- 7B6480
- 7C6980
- 7D6E80
- 7E7280
- 7F7780
- 7F7B80
Harmonias de cor
Complementar +180°
- 77517F
Dr Who
- 466D3F
≈ Under the Radar
Análoga -30° +30°
- 77517F
Dr Who
- 61598E
≈ Idol
- 854D68
≈ Damson
Tríade +120° +240°
- 77517F
Dr Who
- 7A5C21
≈ Brassy Brass
- 006F75
≈ Active Turquoise
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.42:1 · APCA Lc 82
Ag
FailSobre preto
WCAG 3.26:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--dr-who: #77517f;
--dr-who-rgb: 119 81 127;
--dr-who-oklch: oklch(0.494 0.084 320.5);
}
.element {
color: var(--dr-who);
background-color: hsl(290 22% 41%);
border-color: oklch(0.494 0.084 320.5);
}Tailwind CSS v4
@theme {
--color-dr-who: #77517f;
--color-dr-who-50: #ffeeff;
--color-dr-who-100: #f6dff9;
--color-dr-who-200: #e6c9ea;
--color-dr-who-300: #cda9d1;
--color-dr-who-400: #b58ebd;
--color-dr-who-500: #9f73a9;
--color-dr-who-600: #87628f;
--color-dr-who-700: #6c4e72;
--color-dr-who-800: #4f3955;
--color-dr-who-900: #37273b;
--color-dr-who-950: #221525;
}SCSS
$dr-who: #77517f;
$dr-who-rgb: 119, 81, 127;
$dr-who-light: mix(#fff, $dr-who, 20%);
$dr-who-dark: mix(#000, $dr-who, 20%);
.element {
color: $dr-who;
box-shadow: 0 0 0 2px rgba($dr-who, 0.35);
}