En yakın adlandırılmış renk · #A23C04
#A23C04
En yakın adlandırılmış renk: Muddy
#A23C04 (rgb(162 60 4), hsl(21 95% 33%), oklch(0.493 0.147 42)) en çok Muddy adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A23C04
oklch(0.493 0.147 42)
Renk dönüşümleri
- HEX
- #a23c04
- RGB
- rgb(162 60 4)
- HSL
- hsl(21 95% 33%)
- HWB
- hwb(21 2% 36%)
- OKLCH
- oklch(0.493 0.147 42)
- OKLab
- oklab(0.493 0.109 0.098)
- CIE Lab
- lab(40.06 41.53 50.28)
- LCH
- lch(40.06 65.21 50.4)
- CMYK
- cmyk(0% 63% 98% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AD512A
- B86543
- C2785B
- CC8B72
- D69E89
- DFB1A0
- E7C4B7
- F0D8CF
- F7EBE7
Koyu tonlar
- 8C3303
- 772A02
- 632101
- 4F1901
- 3C1101
- 2A0A00
- 190400
- 0A0100
- 010000
Gri tonlar
- A0451D
- 9E4D2C
- 9B5438
- 985B44
- 95624E
- 926859
- 8E6F63
- 8A756D
- 857A76
Renk uyumları
Tamamlayıcı +180°
- A23C04
Muddy
- 006C86
≈ Arabian Nights
Analog -30° +30°
- A23C04
Muddy
- A3334B
≈ Scarlet Ribbons
- 865600
≈ Spear Shaft
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.59:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.18:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.59:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--muddy: #a23c04;
--muddy-rgb: 162 60 4;
--muddy-oklch: oklch(0.493 0.147 42);
}
.element {
color: var(--muddy);
background-color: hsl(21 95% 33%);
border-color: oklch(0.493 0.147 42);
}Tailwind CSS v4
@theme {
--color-muddy: #a23c04;
--color-muddy-50: #ffe9d4;
--color-muddy-100: #ffd9c1;
--color-muddy-200: #ffc1a1;
--color-muddy-300: #f69e78;
--color-muddy-400: #e57e55;
--color-muddy-500: #d35e2a;
--color-muddy-600: #b25026;
--color-muddy-700: #8f401e;
--color-muddy-800: #6b2d16;
--color-muddy-900: #4b1f0e;
--color-muddy-950: #310e02;
}SCSS
$muddy: #a23c04;
$muddy-rgb: 162, 60, 4;
$muddy-light: mix(#fff, $muddy, 20%);
$muddy-dark: mix(#000, $muddy, 20%);
.element {
color: $muddy;
box-shadow: 0 0 0 2px rgba($muddy, 0.35);
}