Colore con nome · #A18D80
Oak Brown
Oak Brown è #A18D80: rgb(161 141 128), hsl(24 15% 57%), oklch(0.658 0.031 55.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Oak Brown color name →
#A18D80
oklch(0.658 0.031 55.1)
Conversioni di colore
- HEX
- #a18d80
- RGB
- rgb(161 141 128)
- HSL
- hsl(24 15% 57%)
- HWB
- hwb(24 50% 37%)
- OKLCH
- oklch(0.658 0.031 55.1)
- OKLab
- oklab(0.658 0.018 0.025)
- CIE Lab
- lab(60.19 6.16 9.86)
- LCH
- lch(60.19 11.63 58)
- CMYK
- cmyk(0% 12% 20% 37%)
Tinte · Ombre · Toni
Tinte
- AA988C
- B3A398
- BDAEA5
- C6B9B1
- CFC5BE
- D9D0CA
- E2DCD7
- ECE7E4
- F5F3F2
Ombre
- 8B7A6E
- 76675D
- 62554D
- 4E443D
- 3C332E
- 2A231F
- 191412
- 090706
- 010101
Toni
- 9E8C80
- 9A8A80
- 978980
- 948880
- 918780
- 8D8580
- 8A8480
- 878380
- 838180
Armonie di colore
Complementare +180°
- A18D80
Oak Brown
- 8095A2
≈ Poolhouse
Analogo -30° +30°
- A18D80
Oak Brown
- A48B88
≈ Storm Red
- 9A907D
≈ Stonegate
Triadico +120° +240°
- A18D80
Oak Brown
- 7F9890
≈ Secluded Garden
- 928EA3
≈ Cotton Flannel
Complementare divisa +150° +210°
- A18D80
Oak Brown
- 7C979A
≈ Soul Quenching
- 8892A5
≈ Dusty Heather
Tetradico +90° +180° +270°
- A18D80
Oak Brown
- 869786
≈ Manifest
- 8095A2
≈ Poolhouse
- 9C8B9C
≈ Greige Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.16:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.63:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--oak-brown: #a18d80;
--oak-brown-rgb: 161 141 128;
--oak-brown-oklch: oklch(0.658 0.031 55.1);
}
.element {
color: var(--oak-brown);
background-color: hsl(24 15% 57%);
border-color: oklch(0.658 0.031 55.1);
}Tailwind CSS v4
@theme {
--color-oak-brown: #a18d80;
--color-oak-brown-50: #fcf3ed;
--color-oak-brown-100: #f0e6de;
--color-oak-brown-200: #dfd1c8;
--color-oak-brown-300: #c4b4a9;
--color-oak-brown-400: #ad9a8e;
--color-oak-brown-500: #978173;
--color-oak-brown-600: #806d62;
--color-oak-brown-700: #66574e;
--color-oak-brown-800: #4b4039;
--color-oak-brown-900: #342c27;
--color-oak-brown-950: #201915;
}SCSS
$oak-brown: #a18d80;
$oak-brown-rgb: 161, 141, 128;
$oak-brown-light: mix(#fff, $oak-brown, 20%);
$oak-brown-dark: mix(#000, $oak-brown, 20%);
.element {
color: $oak-brown;
box-shadow: 0 0 0 2px rgba($oak-brown, 0.35);
}