Colore con nome · #8C6143
Brilliant Oak
Brilliant Oak è #8C6143: rgb(140 97 67), hsl(25 35% 41%), oklch(0.531 0.071 55.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Brilliant Oak color name →
#8C6143
oklch(0.531 0.071 55.5)
Conversioni di colore
- HEX
- #8c6143
- RGB
- rgb(140 97 67)
- HSL
- hsl(25 35% 41%)
- HWB
- hwb(25 26% 45%)
- OKLCH
- oklch(0.531 0.071 55.5)
- OKLab
- oklab(0.531 0.04 0.058)
- CIE Lab
- lab(45.28 15.35 24.4)
- LCH
- lch(45.28 28.83 57.8)
- CMYK
- cmyk(0% 31% 52% 45%)
Tinte · Ombre · Toni
Tinte
- 977055
- A37F67
- AE8E79
- BA9E8B
- C5AD9E
- D1BDB1
- DCCDC4
- E8DED7
- F3EEEB
Ombre
- 795339
- 67462F
- 553926
- 432D1D
- 332114
- 23150C
- 140B05
- 070301
- 010000
Toni
- 8B644A
- 8A6850
- 896B56
- 886E5C
- 877162
- 867468
- 84776E
- 837A74
- 827D7A
Armonie di colore
Complementare +180°
- 8C6143
Brilliant Oak
- 407390
≈ Harbour Blue
Analogo -30° +30°
- 8C6143
Brilliant Oak
- 915C57
≈ Copper Mining
- 7F6939
≈ By Gum
Triadico +120° +240°
- 8C6143
Brilliant Oak
- 397A6A
≈ Green Moray
- 6F6491
≈ Purple Grapes
Complementare divisa +150° +210°
- 8C6143
Brilliant Oak
- 317880
≈ Diver’s Eden
- 586B96
≈ UCLA Blue
Tetradico +90° +180° +270°
- 8C6143
Brilliant Oak
- 517753
≈ Torrey Pine
- 407390
≈ Harbour Blue
- 815E83
≈ Trendy Pink
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.37:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.90:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.37:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--brilliant-oak: #8c6143;
--brilliant-oak-rgb: 140 97 67;
--brilliant-oak-oklch: oklch(0.531 0.071 55.5);
}
.element {
color: var(--brilliant-oak);
background-color: hsl(25 35% 41%);
border-color: oklch(0.531 0.071 55.5);
}Tailwind CSS v4
@theme {
--color-brilliant-oak: #8c6143;
--color-brilliant-oak-50: #fff1e2;
--color-brilliant-oak-100: #fbe3d1;
--color-brilliant-oak-200: #edcdb7;
--color-brilliant-oak-300: #d4af94;
--color-brilliant-oak-400: #c09476;
--color-brilliant-oak-500: #ab7a58;
--color-brilliant-oak-600: #90674b;
--color-brilliant-oak-700: #74523b;
--color-brilliant-oak-800: #563c2b;
--color-brilliant-oak-900: #3c291d;
--color-brilliant-oak-950: #26170d;
}SCSS
$brilliant-oak: #8c6143;
$brilliant-oak-rgb: 140, 97, 67;
$brilliant-oak-light: mix(#fff, $brilliant-oak, 20%);
$brilliant-oak-dark: mix(#000, $brilliant-oak, 20%);
.element {
color: $brilliant-oak;
box-shadow: 0 0 0 2px rgba($brilliant-oak, 0.35);
}