Adlandırılmış renk · #784430
Old Cumin
Old Cumin, #784430: rgb(120 68 48), hsl(17 43% 33%), oklch(0.445 0.079 41.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Old Cumin color name →
#784430
oklch(0.445 0.079 41.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 865543
- 936756
- A1796A
- AE8B7E
- BC9E93
- C9B1A7
- D7C4BD
- E4D7D2
- F2EBE9
Koyu tonlar
- 673A28
- 573021
- 48261A
- 391D13
- 2A140C
- 1D0C06
- 100503
- 050201
- 010000
Gri tonlar
- 794A38
- 7B5040
- 7C5648
- 7D5C50
- 7E6258
- 7F6860
- 7F6E68
- 807470
- 807A78
Renk uyumları
Tamamlayıcı +180°
- 784430
Old Cumin
- 0B5D73
≈ Bosporus
Analog -30° +30°
- 784430
Old Cumin
- 794048
≈ Amfissa Olive
- 6F4C1C
≈ Hairy Brown
Üçlü +120° +240°
- 784430
Old Cumin
- 236146
≈ Green Pea
- 4D4E7E
≈ Altar of Heaven
Bölünmüş tamamlayıcı +150° +210°
- 784430
Old Cumin
- 00615E
≈ Emerald Stone
- 31567E
≈ Overtake
Dörtlü +90° +180° +270°
- 784430
Old Cumin
- 445D2D
≈ Woodman
- 0B5D73
≈ Bosporus
- 624773
≈ Presley Purple
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.87:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.66:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.87:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
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);
}