Color con nombre · #803A4B
Camelot
Camelot es #803A4B: rgb(128 58 75), hsl(345 38% 36%), oklch(0.446 0.098 6.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Camelot color name →
#803A4B
oklch(0.446 0.098 6.6)
Conversiones de color
- HEX
- #803a4b
- RGB
- rgb(128 58 75)
- HSL
- hsl(345 38% 36%)
- HWB
- hwb(345 23% 50%)
- OKLCH
- oklch(0.446 0.098 6.6)
- OKLab
- oklab(0.446 0.097 0.011)
- CIE Lab
- lab(34.52 32.19 4.87)
- LCH
- lch(34.52 32.56 8.6)
- CMYK
- cmyk(0% 55% 41% 50%)
Tintes · Sombras · Tonos
Tintes
- 8E4D5B
- 9B606C
- A8737D
- B5868E
- C299A0
- CEADB3
- DBC1C5
- E7D5D8
- F3EAEB
Sombras
- 6E3140
- 5D2835
- 4D202B
- 3D1821
- 2E1017
- 1F090E
- 120406
- 060102
- 010000
Tonos
- 814250
- 824955
- 82505A
- 835760
- 835E65
- 83656A
- 836C70
- 827375
- 81797B
Armonías de color
Complementario +180°
- 803A4B
Camelot
- 00625B
≈ Empress Teal
Análogo -30° +30°
- 803A4B
Camelot
- 753D68
≈ Burnt Orchid
- 813E2B
≈ Grill Master
Triádico +120° +240°
- 803A4B
Camelot
- 465D19
≈ Kyuri Green
- 1C5887
≈ Stunning Sapphire
Complementario dividido +150° +210°
- 803A4B
Camelot
- 14643D
≈ Fun Green
- 005E70
≈ Ocean Radiance
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.00:1 · APCA Lc 87
Ag
FailSobre negro
WCAG 2.62:1 · APCA Lc 15
Mejor color de texto: #FFFFFF
WCAG 8.00:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--camelot: #803a4b;
--camelot-rgb: 128 58 75;
--camelot-oklch: oklch(0.446 0.098 6.6);
}
.element {
color: var(--camelot);
background-color: hsl(345 38% 36%);
border-color: oklch(0.446 0.098 6.6);
}Tailwind CSS v4
@theme {
--color-camelot: #803a4b;
--color-camelot-50: #ffeaef;
--color-camelot-100: #ffdbe1;
--color-camelot-200: #fbc4cc;
--color-camelot-300: #e4a3ad;
--color-camelot-400: #d08695;
--color-camelot-500: #bc697b;
--color-camelot-600: #9f5968;
--color-camelot-700: #804753;
--color-camelot-800: #5f333e;
--color-camelot-900: #42232b;
--color-camelot-950: #2a1218;
}SCSS
$camelot: #803a4b;
$camelot-rgb: 128, 58, 75;
$camelot-light: mix(#fff, $camelot, 20%);
$camelot-dark: mix(#000, $camelot, 20%);
.element {
color: $camelot;
box-shadow: 0 0 0 2px rgba($camelot, 0.35);
}