Nazwany kolor · #784430
Old Cumin
Old Cumin to #784430: rgb(120 68 48), hsl(17 43% 33%), oklch(0.445 0.079 41.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Old Cumin color name →
#784430
oklch(0.445 0.079 41.6)
Konwersje koloru
- HEX
- #784430
- RGB
- rgb(120 68 48)
- HSL
- hsl(17 43% 33%)
- HWB
- hwb(17 19% 53%)
- OKLCH
- oklch(0.445 0.079 41.6)
- OKLab
- oklab(0.445 0.059 0.052)
- CIE Lab
- lab(35.01 21.45 22.18)
- LCH
- lch(35.01 30.85 46)
- CMYK
- cmyk(0% 43% 60% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 865543
- 936756
- A1796A
- AE8B7E
- BC9E93
- C9B1A7
- D7C4BD
- E4D7D2
- F2EBE9
Odcienie ciemniejsze
- 673A28
- 573021
- 48261A
- 391D13
- 2A140C
- 1D0C06
- 100503
- 050201
- 010000
Tony
- 794A38
- 7B5040
- 7C5648
- 7D5C50
- 7E6258
- 7F6860
- 7F6E68
- 807470
- 807A78
Harmonie kolorów
Komplementarna +180°
- 784430
Old Cumin
- 0B5D73
≈ Bosporus
Analogowa -30° +30°
- 784430
Old Cumin
- 794048
≈ Amfissa Olive
- 6F4C1C
≈ Hairy Brown
Triada +120° +240°
- 784430
Old Cumin
- 236146
≈ Green Pea
- 4D4E7E
≈ Altar of Heaven
Komplementarna rozszczepiona +150° +210°
- 784430
Old Cumin
- 00615E
≈ Emerald Stone
- 31567E
≈ Overtake
Tetrada +90° +180° +270°
- 784430
Old Cumin
- 445D2D
≈ Woodman
- 0B5D73
≈ Bosporus
- 624773
≈ Presley Purple
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.87:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.66:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.87:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--old-cumin: #784430;
--old-cumin-rgb: 120 68 48;
--old-cumin-oklch: oklch(0.445 0.079 41.6);
}
.element {
color: var(--old-cumin);
background-color: hsl(17 43% 33%);
border-color: oklch(0.445 0.079 41.6);
}Tailwind CSS v4
@theme {
--color-old-cumin: #784430;
--color-old-cumin-50: #ffefe3;
--color-old-cumin-100: #ffe0d3;
--color-old-cumin-200: #f2caba;
--color-old-cumin-300: #dbab97;
--color-old-cumin-400: #c78f7a;
--color-old-cumin-500: #b3745d;
--color-old-cumin-600: #97634f;
--color-old-cumin-700: #794f3f;
--color-old-cumin-800: #5a392e;
--color-old-cumin-900: #3f271f;
--color-old-cumin-950: #28150f;
}SCSS
$old-cumin: #784430;
$old-cumin-rgb: 120, 68, 48;
$old-cumin-light: mix(#fff, $old-cumin, 20%);
$old-cumin-dark: mix(#000, $old-cumin, 20%);
.element {
color: $old-cumin;
box-shadow: 0 0 0 2px rgba($old-cumin, 0.35);
}