Nazwany kolor · #6E4F3A
Bison
Bison to #6E4F3A: rgb(110 79 58), hsl(24 31% 33%), oklch(0.455 0.053 55.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Bison color name →
#6E4F3A
oklch(0.455 0.053 55.1)
Konwersje koloru
- HEX
- #6e4f3a
- RGB
- rgb(110 79 58)
- HSL
- hsl(24 31% 33%)
- HWB
- hwb(24 23% 57%)
- OKLCH
- oklch(0.455 0.053 55.1)
- OKLab
- oklab(0.455 0.03 0.043)
- CIE Lab
- lab(36.61 11.34 17.8)
- LCH
- lch(36.61 21.11 57.5)
- CMYK
- cmyk(0% 28% 47% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7C5F4C
- 8A705E
- 988071
- A69284
- B5A398
- C3B5AC
- D2C7C0
- E1D9D5
- F0ECEA
Odcienie ciemniejsze
- 5F4431
- 503828
- 412E20
- 332318
- 261910
- 191009
- 0E0704
- 040201
- 010000
Tony
- 705441
- 725948
- 745E4F
- 766356
- 78675D
- 796C64
- 7B716B
- 7D7672
- 7E7B79
Harmonie kolorów
Komplementarna +180°
- 6E4F3A
Bison
- 385C70
≈ Brigade
Analogowa -30° +30°
- 6E4F3A
Bison
- 724B48
≈ Rohwurst
- 645534
≈ Uguisu Brown
Triada +120° +240°
- 6E4F3A
Bison
- 356155
≈ Posy Green
- 595171
≈ Exotic Evening
Komplementarna rozszczepiona +150° +210°
- 6E4F3A
Bison
- 2F5F65
≈ Calypso Green
- 485675
≈ Steadfast
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.38:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.84:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.38:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--bison: #6e4f3a;
--bison-rgb: 110 79 58;
--bison-oklch: oklch(0.455 0.053 55.1);
}
.element {
color: var(--bison);
background-color: hsl(24 31% 33%);
border-color: oklch(0.455 0.053 55.1);
}Tailwind CSS v4
@theme {
--color-bison: #6e4f3a;
--color-bison-50: #fff2e7;
--color-bison-100: #f6e4d7;
--color-bison-200: #e7cfbf;
--color-bison-300: #cdb19e;
--color-bison-400: #b89781;
--color-bison-500: #a27d65;
--color-bison-600: #896a55;
--color-bison-700: #6e5544;
--color-bison-800: #513e31;
--color-bison-900: #392a21;
--color-bison-950: #231811;
}SCSS
$bison: #6e4f3a;
$bison-rgb: 110, 79, 58;
$bison-light: mix(#fff, $bison, 20%);
$bison-dark: mix(#000, $bison, 20%);
.element {
color: $bison;
box-shadow: 0 0 0 2px rgba($bison, 0.35);
}