Colore con nome · #803A4B
Camelot
Camelot è #803A4B: rgb(128 58 75), hsl(345 38% 36%), oklch(0.446 0.098 6.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Camelot color name →
#803A4B
oklch(0.446 0.098 6.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8E4D5B
- 9B606C
- A8737D
- B5868E
- C299A0
- CEADB3
- DBC1C5
- E7D5D8
- F3EAEB
Ombre
- 6E3140
- 5D2835
- 4D202B
- 3D1821
- 2E1017
- 1F090E
- 120406
- 060102
- 010000
Toni
- 814250
- 824955
- 82505A
- 835760
- 835E65
- 83656A
- 836C70
- 827375
- 81797B
Armonie di colore
Complementare +180°
- 803A4B
Camelot
- 00625B
≈ Empress Teal
Analogo -30° +30°
- 803A4B
Camelot
- 753D68
≈ Burnt Orchid
- 813E2B
≈ Grill Master
Triadico +120° +240°
- 803A4B
Camelot
- 465D19
≈ Kyuri Green
- 1C5887
≈ Stunning Sapphire
Complementare divisa +150° +210°
- 803A4B
Camelot
- 14643D
≈ Fun Green
- 005E70
≈ Ocean Radiance
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.00:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.62:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 8.00:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
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);
}