Nazwany kolor · #774400
Dusky Brown
Dusky Brown to #774400: rgb(119 68 0), hsl(34 100% 23%), oklch(0.438 0.099 64). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Dusky Brown color name →
#774400
oklch(0.438 0.099 64)
Konwersje koloru
- HEX
- #774400
- RGB
- rgb(119 68 0)
- HSL
- hsl(34 100% 23%)
- HWB
- hwb(34 0% 53%)
- OKLCH
- oklch(0.438 0.099 64)
- OKLab
- oklab(0.438 0.043 0.089)
- CIE Lab
- lab(34.5 19.36 44.09)
- LCH
- lch(34.5 48.16 66.3)
- CMYK
- cmyk(0% 43% 100% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 855625
- 92673E
- A07A56
- AD8C6D
- BB9E84
- C9B19C
- D6C4B4
- E4D8CD
- F1EBE6
Odcienie ciemniejsze
- 673A00
- 573000
- 472600
- 381D00
- 2A1400
- 1C0C00
- 100500
- 050200
- 010000
Tony
- 794A18
- 7A5127
- 7B5734
- 7C5D3F
- 7D634B
- 7E6955
- 7F6F60
- 7F746B
- 807A75
Harmonie kolorów
Komplementarna +180°
- 774400
Dusky Brown
- 125784
≈ Beyond the Sea
Analogowa -30° +30°
- 774400
Dusky Brown
- 7F3B2B
≈ Stone Age Queen
- 625000
≈ Olive Brown
Triada +120° +240°
- 774400
Dusky Brown
- 006057
≈ Empress Teal
- 5E437E
≈ In the Vines
Komplementarna rozszczepiona +150° +210°
- 774400
Dusky Brown
- 005D6C
≈ Hero
- 424C88
≈ Dive In
Tetrada +90° +180° +270°
- 774400
Dusky Brown
- 166138
≈ Fun Green
- 125784
≈ Beyond the Sea
- 723B68
≈ Burnt Orchid
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.04:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.61:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.04:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--dusky-brown: #774400;
--dusky-brown-rgb: 119 68 0;
--dusky-brown-oklch: oklch(0.438 0.099 64);
}
.element {
color: var(--dusky-brown);
background-color: hsl(34 100% 23%);
border-color: oklch(0.438 0.099 64);
}Tailwind CSS v4
@theme {
--color-dusky-brown: #774400;
--color-dusky-brown-50: #fff0d8;
--color-dusky-brown-100: #ffe2c6;
--color-dusky-brown-200: #f2cda8;
--color-dusky-brown-300: #dbae81;
--color-dusky-brown-400: #c8925e;
--color-dusky-brown-500: #b47738;
--color-dusky-brown-600: #986531;
--color-dusky-brown-700: #7a5027;
--color-dusky-brown-800: #5b3a1b;
--color-dusky-brown-900: #402812;
--color-dusky-brown-950: #281604;
}SCSS
$dusky-brown: #774400;
$dusky-brown-rgb: 119, 68, 0;
$dusky-brown-light: mix(#fff, $dusky-brown, 20%);
$dusky-brown-dark: mix(#000, $dusky-brown, 20%);
.element {
color: $dusky-brown;
box-shadow: 0 0 0 2px rgba($dusky-brown, 0.35);
}