Colore con nome · #6C574C
Old Tudor
Old Tudor è #6C574C: rgb(108 87 76), hsl(21 17% 36%), oklch(0.475 0.033 49.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Old Tudor color name →
#6C574C
oklch(0.475 0.033 49.2)
Conversioni di colore
- HEX
- #6c574c
- RGB
- rgb(108 87 76)
- HSL
- hsl(21 17% 36%)
- HWB
- hwb(21 30% 58%)
- OKLCH
- oklch(0.475 0.033 49.2)
- OKLab
- oklab(0.475 0.021 0.025)
- CIE Lab
- lab(38.91 7.59 9.85)
- LCH
- lch(38.91 12.43 52.4)
- CMYK
- cmyk(0% 19% 30% 58%)
Tinte · Ombre · Toni
Tinte
- 7A665C
- 88766D
- 96867E
- A5968F
- B3A7A1
- C2B8B3
- D1CAC6
- E0DBD9
- EFEDEC
Ombre
- 5D4B41
- 4E3E36
- 40332C
- 322722
- 251C18
- 19120F
- 0D0806
- 040302
- 000000
Toni
- 6E5B51
- 705F56
- 72635B
- 746760
- 766B66
- 786F6B
- 7A7470
- 7C7875
- 7E7C7B
Armonie di colore
Complementare +180°
- 6C574C
Old Tudor
- 49606B
≈ Blackthorn Blue
Analogo -30° +30°
- 6C574C
Old Tudor
- 6E5555
≈ Grand Plum
- 665A47
≈ Grand Avenue
Triadico +120° +240°
- 6C574C
Old Tudor
- 4A6259
≈ Pine Haven
- 5B596E
≈ Shearwater Black
Complementare divisa +150° +210°
- 6C574C
Old Tudor
- 466263
≈ Brochantite Green
- 515D6F
≈ Vintage Indigo
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.76:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.10:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--old-tudor: #6c574c;
--old-tudor-rgb: 108 87 76;
--old-tudor-oklch: oklch(0.475 0.033 49.2);
}
.element {
color: var(--old-tudor);
background-color: hsl(21 17% 36%);
border-color: oklch(0.475 0.033 49.2);
}Tailwind CSS v4
@theme {
--color-old-tudor: #6c574c;
--color-old-tudor-50: #fdf3ed;
--color-old-tudor-100: #f1e5de;
--color-old-tudor-200: #e0d1c8;
--color-old-tudor-300: #c6b3a9;
--color-old-tudor-400: #af998e;
--color-old-tudor-500: #998073;
--color-old-tudor-600: #816d62;
--color-old-tudor-700: #68574e;
--color-old-tudor-800: #4c3f39;
--color-old-tudor-900: #352b27;
--color-old-tudor-950: #201915;
}SCSS
$old-tudor: #6c574c;
$old-tudor-rgb: 108, 87, 76;
$old-tudor-light: mix(#fff, $old-tudor, 20%);
$old-tudor-dark: mix(#000, $old-tudor, 20%);
.element {
color: $old-tudor;
box-shadow: 0 0 0 2px rgba($old-tudor, 0.35);
}