Colore con nome · #7C4A2C
Urban Auburn
Urban Auburn è #7C4A2C: rgb(124 74 44), hsl(23 48% 33%), oklch(0.461 0.081 50.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Urban Auburn color name →
#7C4A2C
oklch(0.461 0.081 50.6)
Conversioni di colore
- HEX
- #7c4a2c
- RGB
- rgb(124 74 44)
- HSL
- hsl(23 48% 33%)
- HWB
- hwb(23 17% 51%)
- OKLCH
- oklch(0.461 0.081 50.6)
- OKLab
- oklab(0.461 0.051 0.063)
- CIE Lab
- lab(37.02 19.63 27.09)
- LCH
- lch(37.02 33.45 54.1)
- CMYK
- cmyk(0% 40% 65% 51%)
Tinte · Ombre · Toni
Tinte
- 895B40
- 966C54
- A37D68
- B18F7D
- BEA191
- CBB3A7
- D8C6BC
- E5D9D2
- F2ECE8
Ombre
- 6B3F25
- 5A351E
- 4A2A17
- 3B2011
- 2C170A
- 1E0E05
- 110602
- 050201
- 010000
Toni
- 7D5035
- 7E553E
- 7F5B46
- 7F604F
- 806657
- 806B5F
- 807067
- 807570
- 807B78
Armonie di colore
Complementare +180°
- 7C4A2C
Urban Auburn
- 1B607D
≈ Blue Sapphire
Analogo -30° +30°
- 7C4A2C
Urban Auburn
- 7F4545
≈ Shakker Red
- 70531B
≈ Field Drab
Triadico +120° +240°
- 7C4A2C
Urban Auburn
- 196752
≈ Celtic Green
- 585082
≈ Freshly Purpleized
Complementare divisa +150° +210°
- 7C4A2C
Urban Auburn
- 00656A
≈ Joyful Tears
- 3E5885
≈ True Navy
Tetradico +90° +180° +270°
- 7C4A2C
Urban Auburn
- 3E6337
≈ Greenhouse
- 1B607D
≈ Blue Sapphire
- 6D4974
≈ Hyssop
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.30:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.87:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.30:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--urban-auburn: #7c4a2c;
--urban-auburn-rgb: 124 74 44;
--urban-auburn-oklch: oklch(0.461 0.081 50.6);
}
.element {
color: var(--urban-auburn);
background-color: hsl(23 48% 33%);
border-color: oklch(0.461 0.081 50.6);
}Tailwind CSS v4
@theme {
--color-urban-auburn: #7c4a2c;
--color-urban-auburn-50: #ffefe0;
--color-urban-auburn-100: #ffe1d0;
--color-urban-auburn-200: #f1cbb5;
--color-urban-auburn-300: #daad91;
--color-urban-auburn-400: #c69173;
--color-urban-auburn-500: #b17654;
--color-urban-auburn-600: #966447;
--color-urban-auburn-700: #785039;
--color-urban-auburn-800: #593a29;
--color-urban-auburn-900: #3e281b;
--color-urban-auburn-950: #28160c;
}SCSS
$urban-auburn: #7c4a2c;
$urban-auburn-rgb: 124, 74, 44;
$urban-auburn-light: mix(#fff, $urban-auburn, 20%);
$urban-auburn-dark: mix(#000, $urban-auburn, 20%);
.element {
color: $urban-auburn;
box-shadow: 0 0 0 2px rgba($urban-auburn, 0.35);
}