Colore con nome · #AB6A64
Brickyard
Brickyard è #AB6A64: rgb(171 106 100), hsl(5 30% 53%), oklch(0.593 0.085 25.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Brickyard color name →
#AB6A64
oklch(0.593 0.085 25.6)
Conversioni di colore
- HEX
- #ab6a64
- RGB
- rgb(171 106 100)
- HSL
- hsl(5 30% 53%)
- HWB
- hwb(5 39% 33%)
- OKLCH
- oklch(0.593 0.085 25.6)
- OKLab
- oklab(0.593 0.076 0.037)
- CIE Lab
- lab(52.02 26.18 14.91)
- LCH
- lch(52.02 30.12 29.7)
- CMYK
- cmyk(0% 38% 42% 33%)
Tinte · Ombre · Toni
Tinte
- B47872
- BD8781
- C69590
- CEA49F
- D7B3AF
- DFC2BE
- E7D1CE
- EFE0DE
- F7EFEF
Ombre
- 945B56
- 7E4D48
- 683F3B
- 54312E
- 402422
- 2D1816
- 1B0D0B
- 0B0403
- 010000
Toni
- A76D67
- A36F6A
- 9F716D
- 9B746F
- 977672
- 937875
- 8E7A78
- 8A7C7B
- 857E7D
Armonie di colore
Complementare +180°
- AB6A64
Brickyard
- 338D97
≈ Aqueous
Analogo -30° +30°
- AB6A64
Brickyard
- A66980
≈ Strawberry Mousse
- A5714B
≈ Cashew
Triadico +120° +240°
- AB6A64
Brickyard
- 5D8C5F
≈ Hippie Green
- 667DB1
≈ Marvellous
Complementare divisa +150° +210°
- AB6A64
Brickyard
- 3E8F7C
≈ Perky
- 4886AA
≈ Cornwall
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.21:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.97:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--brickyard: #ab6a64;
--brickyard-rgb: 171 106 100;
--brickyard-oklch: oklch(0.593 0.085 25.6);
}
.element {
color: var(--brickyard);
background-color: hsl(5 30% 53%);
border-color: oklch(0.593 0.085 25.6);
}Tailwind CSS v4
@theme {
--color-brickyard: #ab6a64;
--color-brickyard-50: #ffede8;
--color-brickyard-100: #ffded9;
--color-brickyard-200: #f7c7c1;
--color-brickyard-300: #e0a7a0;
--color-brickyard-400: #cc8b85;
--color-brickyard-500: #b86f69;
--color-brickyard-600: #9b5f59;
--color-brickyard-700: #7d4b47;
--color-brickyard-800: #5c3634;
--color-brickyard-900: #412523;
--color-brickyard-950: #291412;
}SCSS
$brickyard: #ab6a64;
$brickyard-rgb: 171, 106, 100;
$brickyard-light: mix(#fff, $brickyard, 20%);
$brickyard-dark: mix(#000, $brickyard, 20%);
.element {
color: $brickyard;
box-shadow: 0 0 0 2px rgba($brickyard, 0.35);
}