Cor nomeada mais próxima · #755FAD
#755FAD
Cor nomeada mais próxima: Simply Purple
#755FAD (rgb(117 95 173), hsl(257 32% 53%), oklch(0.542 0.12 295.1)) é mais próxima da cor nomeada Simply Purple. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#755FAD
oklch(0.542 0.12 295.1)
Conversões de cor
- HEX
- #755fad
- RGB
- rgb(117 95 173)
- HSL
- hsl(257 32% 53%)
- HWB
- hwb(257 37% 32%)
- OKLCH
- oklch(0.542 0.12 295.1)
- OKLab
- oklab(0.542 0.051 -0.109)
- CIE Lab
- lab(45.21 22.66 -39.09)
- LCH
- lch(45.21 45.18 300.1)
- CMYK
- cmyk(32% 45% 0% 32%)
Tons claros · Sombras · Tons
Tons claros
- 826FB6
- 8E7EBE
- 9C8EC7
- A99ECF
- B7ADD7
- C5BDE0
- D3CEE8
- E1DEF0
- F0EEF7
Sombras
- 655296
- 55447F
- 46386A
- 372C55
- 292041
- 1C152D
- 0F0A1B
- 05030B
- 010001
Tons
- 7663A9
- 7767A5
- 786AA0
- 796E9C
- 7A7198
- 7B7493
- 7C778F
- 7D7A8A
- 7F7D85
Harmonias de cor
Complementar +180°
- 755FAD
Simply Purple
- 6D7709
≈ Spinach Soup
Análoga -30° +30°
- 755FAD
Simply Purple
- 4D6CB5
≈ Azraq Blue
- 925495
≈ Mad About Magenta
Tríade +120° +240°
- 755FAD
Simply Purple
- A3591C
≈ Bright Bronze
- 00826C
≈ Emperor’s Silk
Complementar dividida +150° +210°
- 755FAD
Simply Purple
- 8D6900
≈ Muddy Brown
- 3B8141
≈ Vine
Tétrade +90° +180° +270°
- 755FAD
Simply Purple
- AA504A
≈ Maine-Anjou Cattle
- 6D7709
≈ Spinach Soup
- 007E89
≈ Caribe
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.99:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--simply-purple: #755fad;
--simply-purple-rgb: 117 95 173;
--simply-purple-oklch: oklch(0.542 0.12 295.1);
}
.element {
color: var(--simply-purple);
background-color: hsl(257 32% 53%);
border-color: oklch(0.542 0.12 295.1);
}Tailwind CSS v4
@theme {
--color-simply-purple: #755fad;
--color-simply-purple-50: #f8efff;
--color-simply-purple-100: #ece0ff;
--color-simply-purple-200: #d9caff;
--color-simply-purple-300: #beabee;
--color-simply-purple-400: #a490de;
--color-simply-purple-500: #8d74cd;
--color-simply-purple-600: #7762ad;
--color-simply-purple-700: #5f4f8b;
--color-simply-purple-800: #443968;
--color-simply-purple-900: #2f2749;
--color-simply-purple-950: #1c1530;
}SCSS
$simply-purple: #755fad;
$simply-purple-rgb: 117, 95, 173;
$simply-purple-light: mix(#fff, $simply-purple, 20%);
$simply-purple-dark: mix(#000, $simply-purple, 20%);
.element {
color: $simply-purple;
box-shadow: 0 0 0 2px rgba($simply-purple, 0.35);
}