Nazwany kolor · #87544E
Boston Brick
Boston Brick to #87544E: rgb(135 84 78), hsl(6 27% 42%), oklch(0.502 0.069 27.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Boston Brick color name →
#87544E
oklch(0.502 0.069 27.1)
Konwersje koloru
- HEX
- #87544e
- RGB
- rgb(135 84 78)
- HSL
- hsl(6 27% 42%)
- HWB
- hwb(6 31% 47%)
- OKLCH
- oklch(0.502 0.069 27.1)
- OKLab
- oklab(0.502 0.062 0.032)
- CIE Lab
- lab(41.54 21.28 12.87)
- LCH
- lch(41.54 24.87 31.2)
- CMYK
- cmyk(0% 38% 42% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 93645E
- 9F746F
- AB8580
- B79591
- C3A6A2
- CFB8B4
- DBC9C7
- E7DBD9
- F3EDEC
Odcienie ciemniejsze
- 754843
- 633C38
- 51312D
- 412623
- 311B19
- 21110F
- 130807
- 060202
- 010000
Tony
- 875953
- 875D58
- 86625D
- 866662
- 856A67
- 846F6C
- 837371
- 827776
- 817C7B
Harmonie kolorów
Komplementarna +180°
- 87544E
Boston Brick
- 2A6F78
≈ Blue Hosta
Analogowa -30° +30°
- 87544E
Boston Brick
- 845364
≈ Private Tone
- 82593B
≈ Football
Triada +120° +240°
- 87544E
Boston Brick
- 486F4C
≈ Fairway
- 52628C
≈ Karmic Grape
Komplementarna rozszczepiona +150° +210°
- 87544E
Boston Brick
- 317163
≈ Nordic Forest
- 3A6A86
≈ Team Spirit
Tetrada +90° +180° +270°
- 87544E
Boston Brick
- 61693A
≈ Globe Artichoke
- 2A6F78
≈ Blue Hosta
- 685B87
≈ Kimberly
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.16:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.40:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--boston-brick: #87544e;
--boston-brick-rgb: 135 84 78;
--boston-brick-oklch: oklch(0.502 0.069 27.1);
}
.element {
color: var(--boston-brick);
background-color: hsl(6 27% 42%);
border-color: oklch(0.502 0.069 27.1);
}Tailwind CSS v4
@theme {
--color-boston-brick: #87544e;
--color-boston-brick-50: #ffeeea;
--color-boston-brick-100: #fee0db;
--color-boston-brick-200: #f1cac3;
--color-boston-brick-300: #d9aba3;
--color-boston-brick-400: #c48f88;
--color-boston-brick-500: #b0746d;
--color-boston-brick-600: #94635d;
--color-boston-brick-700: #774f4a;
--color-boston-brick-800: #583936;
--color-boston-brick-900: #3e2725;
--color-boston-brick-950: #271514;
}SCSS
$boston-brick: #87544e;
$boston-brick-rgb: 135, 84, 78;
$boston-brick-light: mix(#fff, $boston-brick, 20%);
$boston-brick-dark: mix(#000, $boston-brick, 20%);
.element {
color: $boston-brick;
box-shadow: 0 0 0 2px rgba($boston-brick, 0.35);
}