Color con nombre más cercano · #735877
#735877
Color con nombre más cercano: Dr Who
#735877 (rgb(115 88 119), hsl(292 15% 41%), oklch(0.499 0.058 322)) se parece más al color con nombre Dr Who. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#735877
oklch(0.499 0.058 322)
Conversiones de color
- HEX
- #735877
- RGB
- rgb(115 88 119)
- HSL
- hsl(292 15% 41%)
- HWB
- hwb(292 35% 53%)
- OKLCH
- oklch(0.499 0.058 322)
- OKLab
- oklab(0.499 0.046 -0.036)
- CIE Lab
- lab(41.1 15.87 -13.21)
- LCH
- lch(41.1 20.65 320.2)
- CMYK
- cmyk(3% 26% 0% 53%)
Tintes · Sombras · Tonos
Tintes
- 806784
- 8E7791
- 9B879E
- A997AB
- B7A8B9
- C5B9C7
- D3CAD5
- E2DBE3
- F0EDF1
Sombras
- 634B67
- 543F57
- 453347
- 362838
- 281D2A
- 1B121C
- 0F0910
- 050305
- 010001
Tonos
- 745C78
- 766079
- 77647A
- 79687B
- 7A6C7C
- 7B707D
- 7C747E
- 7E787E
- 7F7C7F
Armonías de color
Complementario +180°
- 735877
Dr Who
- 506C4D
≈ Garden Cucumber
Análogo -30° +30°
- 735877
Dr Who
- 635D82
≈ Purple Valley
- 7D5566
≈ Royal Fig
Triádico +120° +240°
- 735877
Dr Who
- 74603B
≈ High Chaparral
- 366D71
≈ Aquarium
Complementario dividido +150° +210°
- 735877
Dr Who
- 64673F
≈ Hellebore
- 3E6E5F
≈ Cormorant
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.19:1 · APCA Lc 81
Ag
FailSobre negro
WCAG 3.39:1 · APCA Lc 21
Mejor color de texto: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--dr-who: #735877;
--dr-who-rgb: 115 88 119;
--dr-who-oklch: oklch(0.499 0.058 322);
}
.element {
color: var(--dr-who);
background-color: hsl(292 15% 41%);
border-color: oklch(0.499 0.058 322);
}Tailwind CSS v4
@theme {
--color-dr-who: #735877;
--color-dr-who-50: #fef0ff;
--color-dr-who-100: #f2e2f3;
--color-dr-who-200: #e1cce3;
--color-dr-who-300: #c7aec9;
--color-dr-who-400: #af93b3;
--color-dr-who-500: #997a9d;
--color-dr-who-600: #816785;
--color-dr-who-700: #67526b;
--color-dr-who-800: #4c3c4f;
--color-dr-who-900: #342937;
--color-dr-who-950: #201722;
}SCSS
$dr-who: #735877;
$dr-who-rgb: 115, 88, 119;
$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);
}