En yakın adlandırılmış renk · #5B2C2F
#5B2C2F
En yakın adlandırılmış renk: Jazz
#5B2C2F (rgb(91 44 47), hsl(356 35% 26%), oklch(0.357 0.069 17.2)) en çok Jazz 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.
#5B2C2F
oklch(0.357 0.069 17.2)
Renk dönüşümleri
- HEX
- #5b2c2f
- RGB
- rgb(91 44 47)
- HSL
- hsl(356 35% 26%)
- HWB
- hwb(356 17% 64%)
- OKLCH
- oklch(0.357 0.069 17.2)
- OKLab
- oklab(0.357 0.066 0.02)
- CIE Lab
- lab(24.66 22.21 8.42)
- LCH
- lch(24.66 23.75 20.8)
- CMYK
- cmyk(0% 52% 48% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6B3F41
- 7B5254
- 8C6667
- 9C7B7B
- AC9090
- BDA5A5
- CDBBBB
- DED1D1
- EEE8E8
Koyu tonlar
- 4E2527
- 411E20
- 351719
- 291112
- 1E0A0C
- 130506
- 090203
- 030101
- 000000
Gri tonlar
- 5F3437
- 643D3E
- 684546
- 6C4D4E
- 6F5656
- 735E5E
- 776667
- 7A6F6F
- 7D7777
Renk uyumları
Tamamlayıcı +180°
- 5B2C2F
Jazz
- 004647
≈ Cyprus
Analog -30° +30°
Üçlü +120° +240°
- 5B2C2F
Jazz
- 2A451F
≈ Forestry
- 243D60
≈ Midnight Sleigh
Bölünmüş tamamlayıcı +150° +210°
- 5B2C2F
Jazz
- 084835
≈ Zucchini
- 004358
≈ Crab Nebula
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.37:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.84:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.37:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--jazz: #5b2c2f;
--jazz-rgb: 91 44 47;
--jazz-oklch: oklch(0.357 0.069 17.2);
}
.element {
color: var(--jazz);
background-color: hsl(356 35% 26%);
border-color: oklch(0.357 0.069 17.2);
}Tailwind CSS v4
@theme {
--color-jazz: #5b2c2f;
--color-jazz-50: #ffeeed;
--color-jazz-100: #fedfdf;
--color-jazz-200: #f1c9c9;
--color-jazz-300: #d9aaa9;
--color-jazz-400: #c48e90;
--color-jazz-500: #af7376;
--color-jazz-600: #946264;
--color-jazz-700: #774e50;
--color-jazz-800: #58393b;
--color-jazz-900: #3d2728;
--color-jazz-950: #271516;
}SCSS
$jazz: #5b2c2f;
$jazz-rgb: 91, 44, 47;
$jazz-light: mix(#fff, $jazz, 20%);
$jazz-dark: mix(#000, $jazz, 20%);
.element {
color: $jazz;
box-shadow: 0 0 0 2px rgba($jazz, 0.35);
}