Nazwany kolor · #8C7544
Reservation
Reservation to #8C7544: rgb(140 117 68), hsl(41 35% 41%), oklch(0.573 0.073 85). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Reservation color name →
#8C7544
oklch(0.573 0.073 85)
Konwersje koloru
- HEX
- #8c7544
- RGB
- rgb(140 117 68)
- HSL
- hsl(41 35% 41%)
- HWB
- hwb(41 27% 45%)
- OKLCH
- oklch(0.573 0.073 85)
- OKLab
- oklab(0.573 0.006 0.073)
- CIE Lab
- lab(50.61 4.4 30.37)
- LCH
- lch(50.61 30.68 81.8)
- CMYK
- cmyk(0% 16% 51% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 978256
- A28F69
- AD9D7B
- B9AA8D
- C4B8A0
- D0C6B2
- DBD4C5
- E7E2D8
- F3F1EB
Odcienie ciemniejsze
- 79653A
- 675530
- 554626
- 43371D
- 332914
- 231C0C
- 140F05
- 070502
- 010100
Tony
- 8B764B
- 8A7751
- 897958
- 877A5E
- 867B64
- 857C6A
- 847D6F
- 837E75
- 817F7B
Harmonie kolorów
Komplementarna +180°
- 8C7544
Reservation
- 6378A4
≈ Costume Blue
Analogowa -30° +30°
- 8C7544
Reservation
- 9A6D4E
≈ Sorrel Brown
- 777E4A
≈ Turf War
Triada +120° +240°
- 8C7544
Reservation
- 3C858D
≈ Sea Caller
- 8E6990
≈ Chinese Violet
Komplementarna rozszczepiona +150° +210°
- 8C7544
Reservation
- 4B7F9D
≈ Flattering Blue
- 7B709F
≈ Queen’s
Tetrada +90° +180° +270°
- 8C7544
Reservation
- 458676
≈ Carlisle
- 6378A4
≈ Costume Blue
- 9B667A
≈ Mellow Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.42:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.74:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.74:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--reservation: #8c7544;
--reservation-rgb: 140 117 68;
--reservation-oklch: oklch(0.573 0.073 85);
}
.element {
color: var(--reservation);
background-color: hsl(41 35% 41%);
border-color: oklch(0.573 0.073 85);
}Tailwind CSS v4
@theme {
--color-reservation: #8c7544;
--color-reservation-50: #fef4de;
--color-reservation-100: #f2e7cd;
--color-reservation-200: #e2d3b2;
--color-reservation-300: #c7b68d;
--color-reservation-400: #b29c6c;
--color-reservation-500: #9c834b;
--color-reservation-600: #846f41;
--color-reservation-700: #6a5833;
--color-reservation-800: #4f4024;
--color-reservation-900: #372c18;
--color-reservation-950: #221909;
}SCSS
$reservation: #8c7544;
$reservation-rgb: 140, 117, 68;
$reservation-light: mix(#fff, $reservation, 20%);
$reservation-dark: mix(#000, $reservation, 20%);
.element {
color: $reservation;
box-shadow: 0 0 0 2px rgba($reservation, 0.35);
}