Adlandırılmış renk · #823C3D
Zangief’s Chest
Zangief’s Chest, #823C3D: rgb(130 60 61), hsl(359 37% 37%), oklch(0.448 0.097 20.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Zangief’s Chest color name →
#823C3D
oklch(0.448 0.097 20.9)
Renk dönüşümleri
- HEX
- #823c3d
- RGB
- rgb(130 60 61)
- HSL
- hsl(359 37% 37%)
- HWB
- hwb(359 24% 49%)
- OKLCH
- oklch(0.448 0.097 20.9)
- OKLab
- oklab(0.448 0.09 0.034)
- CIE Lab
- lab(34.98 30.86 14.48)
- LCH
- lch(34.98 34.09 25.1)
- CMYK
- cmyk(0% 54% 53% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8F4F4E
- 9D6160
- A97473
- B68786
- C39A99
- CFAEAD
- DBC2C1
- E7D6D5
- F3EAEA
Koyu tonlar
- 703334
- 5F2A2B
- 4E2122
- 3E191A
- 2F1112
- 200A0A
- 120404
- 060101
- 010000
Gri tonlar
- 834344
- 834B4A
- 845251
- 845857
- 845F5E
- 846665
- 836C6B
- 827372
- 817979
Renk uyumları
Tamamlayıcı +180°
- 823C3D
Zangief’s Chest
- 006166
≈ Beau Vert
Analog -30° +30°
- 823C3D
Zangief’s Chest
- 7C3C5B
≈ Pleasure
- 7E431C
≈ Russet
Üçlü +120° +240°
- 823C3D
Zangief’s Chest
- 34622C
≈ Gameboy Shade
- 35548A
≈ Glimpse of Void
Bölünmüş tamamlayıcı +150° +210°
- 823C3D
Zangief’s Chest
- 00644E
≈ Green Paw Paw
- 005D7D
≈ Blue Edge
Dörtlü +90° +180° +270°
- 823C3D
Zangief’s Chest
- 585903
≈ Greensboro
- 006166
≈ Beau Vert
- 554A86
≈ Victoria
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.88:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.66:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.88:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--zangief-s-chest: #823c3d;
--zangief-s-chest-rgb: 130 60 61;
--zangief-s-chest-oklch: oklch(0.448 0.097 20.9);
}
.element {
color: var(--zangief-s-chest);
background-color: hsl(359 37% 37%);
border-color: oklch(0.448 0.097 20.9);
}Tailwind CSS v4
@theme {
--color-zangief-s-chest: #823c3d;
--color-zangief-s-chest-50: #ffebe8;
--color-zangief-s-chest-100: #ffdcd9;
--color-zangief-s-chest-200: #fbc5c1;
--color-zangief-s-chest-300: #e5a4a0;
--color-zangief-s-chest-400: #d28786;
--color-zangief-s-chest-500: #be6b6a;
--color-zangief-s-chest-600: #a05b5a;
--color-zangief-s-chest-700: #814848;
--color-zangief-s-chest-800: #603435;
--color-zangief-s-chest-900: #432324;
--color-zangief-s-chest-950: #2b1213;
}SCSS
$zangief-s-chest: #823c3d;
$zangief-s-chest-rgb: 130, 60, 61;
$zangief-s-chest-light: mix(#fff, $zangief-s-chest, 20%);
$zangief-s-chest-dark: mix(#000, $zangief-s-chest, 20%);
.element {
color: $zangief-s-chest;
box-shadow: 0 0 0 2px rgba($zangief-s-chest, 0.35);
}