Colore con nome · #7D6049
Aviator
Aviator è #7D6049: rgb(125 96 73), hsl(27 26% 39%), oklch(0.512 0.051 59.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Aviator color name →
#7D6049
oklch(0.512 0.051 59.7)
Conversioni di colore
- HEX
- #7d6049
- RGB
- rgb(125 96 73)
- HSL
- hsl(27 26% 39%)
- HWB
- hwb(27 29% 51%)
- OKLCH
- oklch(0.512 0.051 59.7)
- OKLab
- oklab(0.512 0.026 0.044)
- CIE Lab
- lab(43.29 9.72 17.92)
- LCH
- lch(43.29 20.39 61.5)
- CMYK
- cmyk(0% 23% 42% 51%)
Tinte · Ombre · Toni
Tinte
- 8A6F5A
- 967E6B
- A38D7C
- B09D8E
- BDACA0
- CABDB3
- D7CDC5
- E4DDD8
- F2EEEB
Ombre
- 6C523E
- 5B4534
- 4B382A
- 3B2C20
- 2C2017
- 1E150E
- 110A06
- 050302
- 010000
Toni
- 7D634F
- 7E6654
- 7E6A5A
- 7F6D5F
- 7F7065
- 7F736A
- 807670
- 807A75
- 807D7B
Armonie di colore
Complementare +180°
- 7D6049
Aviator
- 4B6B81
≈ Eames for Blue
Analogo -30° +30°
- 7D6049
Aviator
- 825C56
≈ Book Binder
- 726644
≈ Mount Olive
Triadico +120° +240°
- 7D6049
Aviator
- 457168
≈ Christmas Ivy
- 6B6080
≈ Purple Gumball
Complementare divisa +150° +210°
- 7D6049
Aviator
- 426F77
≈ Holy Water
- 5B6685
≈ Enduring
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.76:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.64:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--aviator: #7d6049;
--aviator-rgb: 125 96 73;
--aviator-oklch: oklch(0.512 0.051 59.7);
}
.element {
color: var(--aviator);
background-color: hsl(27 26% 39%);
border-color: oklch(0.512 0.051 59.7);
}Tailwind CSS v4
@theme {
--color-aviator: #7d6049;
--color-aviator-50: #fff2e7;
--color-aviator-100: #f5e5d7;
--color-aviator-200: #e5d0bf;
--color-aviator-300: #cbb29d;
--color-aviator-400: #b69881;
--color-aviator-500: #a07e64;
--color-aviator-600: #876b55;
--color-aviator-700: #6c5644;
--color-aviator-800: #503e31;
--color-aviator-900: #382b21;
--color-aviator-950: #221811;
}SCSS
$aviator: #7d6049;
$aviator-rgb: 125, 96, 73;
$aviator-light: mix(#fff, $aviator, 20%);
$aviator-dark: mix(#000, $aviator, 20%);
.element {
color: $aviator;
box-shadow: 0 0 0 2px rgba($aviator, 0.35);
}