Colore con nome · #68534A
Bargeboard Brown
Bargeboard Brown è #68534A: rgb(104 83 74), hsl(18 17% 35%), oklch(0.461 0.032 44.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bargeboard Brown color name →
#68534A
oklch(0.461 0.032 44.4)
Conversioni di colore
- HEX
- #68534a
- RGB
- rgb(104 83 74)
- HSL
- hsl(18 17% 35%)
- HWB
- hwb(18 29% 59%)
- OKLCH
- oklch(0.461 0.032 44.4)
- OKLab
- oklab(0.461 0.023 0.022)
- CIE Lab
- lab(37.29 7.9 8.76)
- LCH
- lch(37.29 11.8 48)
- CMYK
- cmyk(0% 20% 29% 59%)
Tinte · Ombre · Toni
Tinte
- 76635A
- 85736B
- 93837C
- A2948E
- B1A5A0
- C0B6B2
- D0C8C5
- DFDAD8
- EFECEB
Ombre
- 59473F
- 4B3B35
- 3E302A
- 302520
- 241B17
- 18110E
- 0C0806
- 040202
- 000000
Toni
- 6B574F
- 6D5C55
- 6F605A
- 72655F
- 746965
- 776E6A
- 79726F
- 7B7775
- 7E7B7A
Armonie di colore
Complementare +180°
- 68534A
Bargeboard Brown
- 455C66
≈ Hypothalamus Grey
Analogo -30° +30°
- 68534A
Bargeboard Brown
- 695153
≈ Ripe Fig
- 635645
≈ Light Roast
Triadico +120° +240°
- 68534A
Bargeboard Brown
- 485E54
≈ Cloudy Viridian
- 56566A
≈ Hormagaunt Purple
Complementare divisa +150° +210°
- 68534A
Bargeboard Brown
- 445E5E
≈ Oceans Deep
- 4C5A6A
≈ Storm Rising
Tetradico +90° +180° +270°
- 68534A
Bargeboard Brown
- 515C4B
≈ Windsor Moss
- 455C66
≈ Hypothalamus Grey
- 5F5365
≈ Purple Stone
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.17:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.92:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.17:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--bargeboard-brown: #68534a;
--bargeboard-brown-rgb: 104 83 74;
--bargeboard-brown-oklch: oklch(0.461 0.032 44.4);
}
.element {
color: var(--bargeboard-brown);
background-color: hsl(18 17% 35%);
border-color: oklch(0.461 0.032 44.4);
}Tailwind CSS v4
@theme {
--color-bargeboard-brown: #68534a;
--color-bargeboard-brown-50: #fdf3ee;
--color-bargeboard-brown-100: #f1e5df;
--color-bargeboard-brown-200: #e0d0c9;
--color-bargeboard-brown-300: #c6b3aa;
--color-bargeboard-brown-400: #af998f;
--color-bargeboard-brown-500: #998075;
--color-bargeboard-brown-600: #816c63;
--color-bargeboard-brown-700: #68574f;
--color-bargeboard-brown-800: #4c3f3a;
--color-bargeboard-brown-900: #352b28;
--color-bargeboard-brown-950: #201916;
}SCSS
$bargeboard-brown: #68534a;
$bargeboard-brown-rgb: 104, 83, 74;
$bargeboard-brown-light: mix(#fff, $bargeboard-brown, 20%);
$bargeboard-brown-dark: mix(#000, $bargeboard-brown, 20%);
.element {
color: $bargeboard-brown;
box-shadow: 0 0 0 2px rgba($bargeboard-brown, 0.35);
}