Color con nombre más cercano · #825E99
#825E99
Color con nombre más cercano: Muted Purple
#825E99 (rgb(130 94 153), hsl(277 24% 48%), oklch(0.542 0.098 311.4)) se parece más al color con nombre Muted Purple. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#825E99
oklch(0.542 0.098 311.4)
Conversiones de color
- HEX
- #825e99
- RGB
- rgb(130 94 153)
- HSL
- hsl(277 24% 48%)
- HWB
- hwb(277 37% 40%)
- OKLCH
- oklch(0.542 0.098 311.4)
- OKLab
- oklab(0.542 0.065 -0.074)
- CIE Lab
- lab(45.53 23.71 -26.7)
- LCH
- lch(45.53 35.7 311.6)
- CMYK
- cmyk(15% 39% 0% 40%)
Tintes · Sombras · Tonos
Tintes
- 8E6DA3
- 9A7DAD
- A68CB8
- B29CC2
- BFACCC
- CBBCD6
- D8CDE0
- E5DDEB
- F2EEF5
Sombras
- 705184
- 5F4470
- 4E375D
- 3E2B4A
- 2F1F38
- 201427
- 120A17
- 060308
- 010001
Tonos
- 826297
- 826594
- 826992
- 816C90
- 81708D
- 81738B
- 817688
- 817A86
- 807D83
Armonías de color
Complementario +180°
- 825E99
Muted Purple
- 5A7B3C
≈ Mangrove Leaf
Análogo -30° +30°
- 825E99
Muted Purple
- 6668A7
≈ Twinkle Night
- 965780
≈ Immortality
Triádico +120° +240°
- 825E99
Muted Purple
- 936525
≈ Tapenade
- 00807D
≈ Belly Flop
Complementario dividido +150° +210°
- 825E99
Muted Purple
- 7B7122
≈ Wood Garlic
- 2F815D
≈ Kākāriki Green
Tetrádico +90° +180° +270°
- 825E99
Muted Purple
- 9F5B40
≈ Chocolate Fountain
- 5A7B3C
≈ Mangrove Leaf
- 087C98
≈ Pacific Pleasure
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 4.01:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--muted-purple: #825e99;
--muted-purple-rgb: 130 94 153;
--muted-purple-oklch: oklch(0.542 0.098 311.4);
}
.element {
color: var(--muted-purple);
background-color: hsl(277 24% 48%);
border-color: oklch(0.542 0.098 311.4);
}Tailwind CSS v4
@theme {
--color-muted-purple: #825e99;
--color-muted-purple-50: #ffedff;
--color-muted-purple-100: #f4dfff;
--color-muted-purple-200: #e3c9f2;
--color-muted-purple-300: #c9a9db;
--color-muted-purple-400: #b18ec9;
--color-muted-purple-500: #9b73b6;
--color-muted-purple-600: #836199;
--color-muted-purple-700: #694e7b;
--color-muted-purple-800: #4c395c;
--color-muted-purple-900: #352740;
--color-muted-purple-950: #201529;
}SCSS
$muted-purple: #825e99;
$muted-purple-rgb: 130, 94, 153;
$muted-purple-light: mix(#fff, $muted-purple, 20%);
$muted-purple-dark: mix(#000, $muted-purple, 20%);
.element {
color: $muted-purple;
box-shadow: 0 0 0 2px rgba($muted-purple, 0.35);
}