Colore con nome · #7D6950
Mayan Ruins
Mayan Ruins è #7D6950: rgb(125 105 80), hsl(33 22% 40%), oklch(0.533 0.045 72.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Mayan Ruins color name →
#7D6950
oklch(0.533 0.045 72.8)
Conversioni di colore
- HEX
- #7d6950
- RGB
- rgb(125 105 80)
- HSL
- hsl(33 22% 40%)
- HWB
- hwb(33 31% 51%)
- OKLCH
- oklch(0.533 0.045 72.8)
- OKLab
- oklab(0.533 0.013 0.043)
- CIE Lab
- lab(45.87 5.34 17.22)
- LCH
- lch(45.87 18.02 72.8)
- CMYK
- cmyk(0% 16% 36% 51%)
Tinte · Ombre · Toni
Tinte
- 897760
- 968571
- A29482
- AFA293
- BCB1A4
- C9C0B6
- D7D0C8
- E4DFDA
- F1EFEC
Ombre
- 6C5A44
- 5B4C39
- 4B3E2E
- 3B3124
- 2C241A
- 1E1810
- 110C07
- 050402
- 010000
Toni
- 7D6B55
- 7E6E5A
- 7E705F
- 7E7263
- 7F7568
- 7F776D
- 7F7972
- 807B77
- 807E7B
Armonie di colore
Complementare +180°
- 7D6950
Mayan Ruins
- 5A6F87
≈ Sausalito Port
Analogo -30° +30°
- 7D6950
Mayan Ruins
- 846558
≈ Chivalrous Walrus
- 716E50
≈ Burnt Olive
Triadico +120° +240°
- 7D6950
Mayan Ruins
- 4D7574
≈ Cool Waters
- 766580
≈ Montana Grape
Complementare divisa +150° +210°
- 7D6950
Mayan Ruins
- 507380
≈ Hydro
- 696A87
≈ Luscious Lavender
Tetradico +90° +180° +270°
- 7D6950
Mayan Ruins
- 557565
≈ Brookside
- 5A6F87
≈ Sausalito Port
- 806374
≈ Cabal
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.00:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--mayan-ruins: #7d6950;
--mayan-ruins-rgb: 125 105 80;
--mayan-ruins-oklch: oklch(0.533 0.045 72.8);
}
.element {
color: var(--mayan-ruins);
background-color: hsl(33 22% 40%);
border-color: oklch(0.533 0.045 72.8);
}Tailwind CSS v4
@theme {
--color-mayan-ruins: #7d6950;
--color-mayan-ruins-50: #fdf4e7;
--color-mayan-ruins-100: #f1e6d8;
--color-mayan-ruins-200: #e0d2c0;
--color-mayan-ruins-300: #c5b59f;
--color-mayan-ruins-400: #af9b82;
--color-mayan-ruins-500: #998265;
--color-mayan-ruins-600: #816e56;
--color-mayan-ruins-700: #675845;
--color-mayan-ruins-800: #4c4031;
--color-mayan-ruins-900: #352c22;
--color-mayan-ruins-950: #201911;
}SCSS
$mayan-ruins: #7d6950;
$mayan-ruins-rgb: 125, 105, 80;
$mayan-ruins-light: mix(#fff, $mayan-ruins, 20%);
$mayan-ruins-dark: mix(#000, $mayan-ruins, 20%);
.element {
color: $mayan-ruins;
box-shadow: 0 0 0 2px rgba($mayan-ruins, 0.35);
}