Colore con nome · #B38070
Brick Fence
Brick Fence è #B38070: rgb(179 128 112), hsl(14 31% 57%), oklch(0.646 0.068 38.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Brick Fence color name →
#B38070
oklch(0.646 0.068 38.1)
Conversioni di colore
- HEX
- #b38070
- RGB
- rgb(179 128 112)
- HSL
- hsl(14 31% 57%)
- HWB
- hwb(14 44% 30%)
- OKLCH
- oklch(0.646 0.068 38.1)
- OKLab
- oklab(0.646 0.054 0.042)
- CIE Lab
- lab(58.5 18.78 16.95)
- LCH
- lch(58.5 25.3 42.1)
- CMYK
- cmyk(0% 28% 37% 30%)
Tinte · Ombre · Toni
Tinte
- BB8C7E
- C3998B
- CBA599
- D2B2A7
- DABEB5
- E1CBC4
- E9D8D2
- F0E5E1
- F8F2F0
Ombre
- 9B6E60
- 845D51
- 6E4D43
- 583D35
- 432E27
- 2F1F1A
- 1D120E
- 0C0604
- 010101
Toni
- AE8072
- A98073
- A48075
- 9F8077
- 9A8178
- 95807A
- 90807C
- 8B807D
- 85807F
Armonie di colore
Complementare +180°
- B38070
Brick Fence
- 5C98AA
≈ Deep Diving
Analogo -30° +30°
- B38070
Brick Fence
- B37D86
≈ Degas Pink
- AA8761
≈ Roman Coin
Triadico +120° +240°
- B38070
Brick Fence
- 6A9B7E
≈ Practice Green
- 848AB8
≈ Galactic Gossamer
Complementare divisa +150° +210°
- B38070
Brick Fence
- 5A9C96
≈ Caulerpa Lentillifera
- 6D92B6
≈ Allure
Tetradico +90° +180° +270°
- B38070
Brick Fence
- 82966A
≈ Mesa Verde
- 5C98AA
≈ Deep Diving
- 9A83AE
≈ Rhapsody
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.36:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.23:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.23:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--brick-fence: #b38070;
--brick-fence-rgb: 179 128 112;
--brick-fence-oklch: oklch(0.646 0.068 38.1);
}
.element {
color: var(--brick-fence);
background-color: hsl(14 31% 57%);
border-color: oklch(0.646 0.068 38.1);
}Tailwind CSS v4
@theme {
--color-brick-fence: #b38070;
--color-brick-fence-50: #ffefe7;
--color-brick-fence-100: #fde1d7;
--color-brick-fence-200: #efcbbf;
--color-brick-fence-300: #d7ac9d;
--color-brick-fence-400: #c39181;
--color-brick-fence-500: #ae7665;
--color-brick-fence-600: #936456;
--color-brick-fence-700: #765044;
--color-brick-fence-800: #573a32;
--color-brick-fence-900: #3d2822;
--color-brick-fence-950: #261611;
}SCSS
$brick-fence: #b38070;
$brick-fence-rgb: 179, 128, 112;
$brick-fence-light: mix(#fff, $brick-fence, 20%);
$brick-fence-dark: mix(#000, $brick-fence, 20%);
.element {
color: $brick-fence;
box-shadow: 0 0 0 2px rgba($brick-fence, 0.35);
}