Nazwany kolor · #876044
Chasm
Chasm to #876044: rgb(135 96 68), hsl(25 33% 40%), oklch(0.523 0.065 56.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Chasm color name →
#876044
oklch(0.523 0.065 56.4)
Konwersje koloru
- HEX
- #876044
- RGB
- rgb(135 96 68)
- HSL
- hsl(25 33% 40%)
- HWB
- hwb(25 27% 47%)
- OKLCH
- oklch(0.523 0.065 56.4)
- OKLab
- oklab(0.523 0.036 0.054)
- CIE Lab
- lab(44.41 13.76 22.58)
- LCH
- lch(44.41 26.44 58.6)
- CMYK
- cmyk(0% 29% 50% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 936F56
- 9F7E67
- AB8D79
- B79D8B
- C2AD9E
- CFBDB1
- DBCDC4
- E7DDD7
- F3EEEB
Odcienie ciemniejsze
- 75523A
- 634530
- 513826
- 412C1D
- 312014
- 21150C
- 130A05
- 060302
- 010000
Tony
- 87634A
- 866751
- 866A57
- 856D5D
- 847063
- 847469
- 83776E
- 827A74
- 817D7A
Harmonie kolorów
Komplementarna +180°
- 876044
Chasm
- 43708B
≈ Downpour
Analogowa -30° +30°
Triada +120° +240°
- 876044
Chasm
- 3C7669
≈ Green Sleeves
- 6D628B
≈ Posy Purple
Komplementarna rozszczepiona +150° +210°
- 876044
Chasm
- 36757D
≈ Ocean Slumber
- 586990
≈ Allegiance
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.54:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.78:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--chasm: #876044;
--chasm-rgb: 135 96 68;
--chasm-oklch: oklch(0.523 0.065 56.4);
}
.element {
color: var(--chasm);
background-color: hsl(25 33% 40%);
border-color: oklch(0.523 0.065 56.4);
}Tailwind CSS v4
@theme {
--color-chasm: #876044;
--color-chasm-50: #fff1e3;
--color-chasm-100: #f9e3d3;
--color-chasm-200: #eaceb9;
--color-chasm-300: #d2b097;
--color-chasm-400: #bd9579;
--color-chasm-500: #a87b5b;
--color-chasm-600: #8e684e;
--color-chasm-700: #72533e;
--color-chasm-800: #543c2d;
--color-chasm-900: #3b291e;
--color-chasm-950: #25170e;
}SCSS
$chasm: #876044;
$chasm-rgb: 135, 96, 68;
$chasm-light: mix(#fff, $chasm, 20%);
$chasm-dark: mix(#000, $chasm, 20%);
.element {
color: $chasm;
box-shadow: 0 0 0 2px rgba($chasm, 0.35);
}