Adlandırılmış renk · #590A01
Mathematical Rage
Mathematical Rage, #590A01: rgb(89 10 1), hsl(6 98% 18%), oklch(0.299 0.112 31.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Mathematical Rage color name →
#590A01
oklch(0.299 0.112 31.8)
Renk dönüşümleri
- HEX
- #590a01
- RGB
- rgb(89 10 1)
- HSL
- hsl(6 98% 18%)
- HWB
- hwb(6 0% 65%)
- OKLCH
- oklch(0.299 0.112 31.8)
- OKLab
- oklab(0.299 0.095 0.059)
- CIE Lab
- lab(17.65 34.65 26.85)
- LCH
- lch(17.65 43.83 37.8)
- CMYK
- cmyk(0% 89% 99% 65%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6B261B
- 7C3E32
- 8D5449
- 9E6B61
- AF837A
- BF9B93
- CFB3AD
- DFCCC8
- EFE5E3
Koyu tonlar
- 4C0701
- 400501
- 340300
- 280200
- 1D0100
- 130100
- 090000
- 030000
- 000000
Gri tonlar
- 5F1B10
- 64281D
- 683329
- 6D3E36
- 714942
- 75544E
- 785F5A
- 7B6A67
- 7E7573
Renk uyumları
Tamamlayıcı +180°
- 590A01
Mathematical Rage
- 00343D
≈ Artist Blue
Analog -30° +30°
- 590A01
Mathematical Rage
- 560729
≈ Fig Balsamic
- 462400
≈ Ibex Brown
Üçlü +120° +240°
- 590A01
Mathematical Rage
- 003818
≈ Gameboy Contrast
- 1C2565
≈ Intergalactic Cowboy
Bölünmüş tamamlayıcı +150° +210°
- 590A01
Mathematical Rage
- 003630
≈ Night Turquoise
- 00314E
≈ Dark Denim Blue
Dörtlü +90° +180° +270°
- 590A01
Mathematical Rage
- 283300
≈ Blind Forest
- 00343D
≈ Artist Blue
- 391A5B
≈ Fabric of Space
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 14.29:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.46:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 14.29:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--mathematical-rage: #590a01;
--mathematical-rage-rgb: 89 10 1;
--mathematical-rage-oklch: oklch(0.299 0.112 31.8);
}
.element {
color: var(--mathematical-rage);
background-color: hsl(6 98% 18%);
border-color: oklch(0.299 0.112 31.8);
}Tailwind CSS v4
@theme {
--color-mathematical-rage: #590a01;
--color-mathematical-rage-50: #ffeae0;
--color-mathematical-rage-100: #ffdbd0;
--color-mathematical-rage-200: #ffc4b5;
--color-mathematical-rage-300: #eba392;
--color-mathematical-rage-400: #d88574;
--color-mathematical-rage-500: #c56756;
--color-mathematical-rage-600: #a75849;
--color-mathematical-rage-700: #86463a;
--color-mathematical-rage-800: #64322b;
--color-mathematical-rage-900: #46221d;
--color-mathematical-rage-950: #2d110d;
}SCSS
$mathematical-rage: #590a01;
$mathematical-rage-rgb: 89, 10, 1;
$mathematical-rage-light: mix(#fff, $mathematical-rage, 20%);
$mathematical-rage-dark: mix(#000, $mathematical-rage, 20%);
.element {
color: $mathematical-rage;
box-shadow: 0 0 0 2px rgba($mathematical-rage, 0.35);
}