En yakın adlandırılmış renk · #706A76
#706A76
En yakın adlandırılmış renk: Mamba
#706A76 (rgb(112 106 118), hsl(270 5% 44%), oklch(0.534 0.02 308)) en çok Mamba 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.
#706A76
oklch(0.534 0.02 308)
Renk dönüşümleri
- HEX
- #706a76
- RGB
- rgb(112 106 118)
- HSL
- hsl(270 5% 44%)
- HWB
- hwb(270 42% 54%)
- OKLCH
- oklch(0.534 0.02 308)
- OKLab
- oklab(0.534 0.012 -0.016)
- CIE Lab
- lab(45.68 4.27 -5.83)
- LCH
- lch(45.68 7.23 306.2)
- CMYK
- cmyk(5% 10% 0% 54%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7D7883
- 8B8690
- 99949D
- A7A3AB
- B5B2B8
- C3C1C6
- D2D0D4
- E1DFE2
- F0EFF1
Koyu tonlar
- 605B66
- 514D56
- 433F47
- 353138
- 272429
- 1A181C
- 0E0D0F
- 040405
- 010001
Gri tonlar
- 726C77
- 736E78
- 757179
- 76737A
- 78757B
- 7A777C
- 7B797D
- 7D7C7E
- 7E7E7F
Renk uyumları
Tamamlayıcı +180°
- 706A76
Mamba
- 696F63
≈ Moss Beach
Analog -30° +30°
- 706A76
Mamba
- 6A6C79
≈ Wind Cave
- 756971
≈ Sultry Smoke
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- 706A76
Mamba
- 706D60
≈ Architect
- 647169
≈ Seraphinite
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.23:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--mamba: #706a76;
--mamba-rgb: 112 106 118;
--mamba-oklch: oklch(0.534 0.02 308);
}
.element {
color: var(--mamba);
background-color: hsl(270 5% 44%);
border-color: oklch(0.534 0.02 308);
}Tailwind CSS v4
@theme {
--color-mamba: #706a76;
--color-mamba-50: #f7f4f9;
--color-mamba-100: #eae6ed;
--color-mamba-200: #d7d2db;
--color-mamba-300: #bab5bf;
--color-mamba-400: #a29ba8;
--color-mamba-500: #8a8391;
--color-mamba-600: #756f7a;
--color-mamba-700: #5d5962;
--color-mamba-800: #444148;
--color-mamba-900: #2f2d32;
--color-mamba-950: #1b1a1e;
}SCSS
$mamba: #706a76;
$mamba-rgb: 112, 106, 118;
$mamba-light: mix(#fff, $mamba, 20%);
$mamba-dark: mix(#000, $mamba, 20%);
.element {
color: $mamba;
box-shadow: 0 0 0 2px rgba($mamba, 0.35);
}