Nazwany kolor · #AB6A64
Brickyard
Brickyard to #AB6A64: rgb(171 106 100), hsl(5 30% 53%), oklch(0.593 0.085 25.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Brickyard color name →
#AB6A64
oklch(0.593 0.085 25.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B47872
- BD8781
- C69590
- CEA49F
- D7B3AF
- DFC2BE
- E7D1CE
- EFE0DE
- F7EFEF
Odcienie ciemniejsze
- 945B56
- 7E4D48
- 683F3B
- 54312E
- 402422
- 2D1816
- 1B0D0B
- 0B0403
- 010000
Tony
- A76D67
- A36F6A
- 9F716D
- 9B746F
- 977672
- 937875
- 8E7A78
- 8A7C7B
- 857E7D
Harmonie kolorów
Komplementarna +180°
- AB6A64
Brickyard
- 338D97
≈ Aqueous
Analogowa -30° +30°
- AB6A64
Brickyard
- A66980
≈ Strawberry Mousse
- A5714B
≈ Cashew
Triada +120° +240°
- AB6A64
Brickyard
- 5D8C5F
≈ Hippie Green
- 667DB1
≈ Marvellous
Komplementarna rozszczepiona +150° +210°
- AB6A64
Brickyard
- 3E8F7C
≈ Perky
- 4886AA
≈ Cornwall
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.21:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.97:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
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);
}