Nazwany kolor · #6B593C
Gun Corps Brown
Gun Corps Brown to #6B593C: rgb(107 89 60), hsl(37 28% 33%), oklch(0.474 0.049 79.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Gun Corps Brown color name →
#6B593C
oklch(0.474 0.049 79.1)
Konwersje koloru
- HEX
- #6b593c
- RGB
- rgb(107 89 60)
- HSL
- hsl(37 28% 33%)
- HWB
- hwb(37 24% 58%)
- OKLCH
- oklch(0.474 0.049 79.1)
- OKLab
- oklab(0.474 0.009 0.048)
- CIE Lab
- lab(39.08 4.37 19.68)
- LCH
- lch(39.08 20.16 77.5)
- CMYK
- cmyk(0% 17% 44% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 79684E
- 877860
- 958873
- A49886
- B2A899
- C1B9AD
- D0CAC1
- E0DCD5
- EFEDEA
Odcienie ciemniejsze
- 5C4C33
- 4E402A
- 3F3421
- 322819
- 251D11
- 18130A
- 0D0904
- 040301
- 000000
Tony
- 6D5D43
- 6F614A
- 716551
- 746957
- 766C5E
- 787065
- 7A746C
- 7C7872
- 7E7C79
Harmonie kolorów
Komplementarna +180°
- 6B593C
Gun Corps Brown
- 4B5D78
≈ Stream
Analogowa -30° +30°
- 6B593C
Gun Corps Brown
- 735443
≈ Briar
- 5E5F3E
≈ Eastern Bamboo
Triada +120° +240°
- 6B593C
Gun Corps Brown
- 386566
≈ China Green Blue
- 68536E
≈ Medicine Man
Komplementarna rozszczepiona +150° +210°
- 6B593C
Gun Corps Brown
- 3E6272
≈ Celeste Blue
- 5B5876
≈ Taylor
Tetrada +90° +180° +270°
- 6B593C
Gun Corps Brown
- 3F6557
≈ Earhart Emerald
- 4B5D78
≈ Stream
- 715160
≈ Passionate
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.73:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.11:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--gun-corps-brown: #6b593c;
--gun-corps-brown-rgb: 107 89 60;
--gun-corps-brown-oklch: oklch(0.474 0.049 79.1);
}
.element {
color: var(--gun-corps-brown);
background-color: hsl(37 28% 33%);
border-color: oklch(0.474 0.049 79.1);
}Tailwind CSS v4
@theme {
--color-gun-corps-brown: #6b593c;
--color-gun-corps-brown-50: #fcf4e6;
--color-gun-corps-brown-100: #f0e7d6;
--color-gun-corps-brown-200: #dfd3bd;
--color-gun-corps-brown-300: #c4b59c;
--color-gun-corps-brown-400: #ae9c7e;
--color-gun-corps-brown-500: #988361;
--color-gun-corps-brown-600: #806f53;
--color-gun-corps-brown-700: #675942;
--color-gun-corps-brown-800: #4c402f;
--color-gun-corps-brown-900: #352c20;
--color-gun-corps-brown-950: #201910;
}SCSS
$gun-corps-brown: #6b593c;
$gun-corps-brown-rgb: 107, 89, 60;
$gun-corps-brown-light: mix(#fff, $gun-corps-brown, 20%);
$gun-corps-brown-dark: mix(#000, $gun-corps-brown, 20%);
.element {
color: $gun-corps-brown;
box-shadow: 0 0 0 2px rgba($gun-corps-brown, 0.35);
}