En yakın adlandırılmış renk · #C79A8E
#C79A8E
En yakın adlandırılmış renk: Muddy Mire
#C79A8E (rgb(199 154 142), hsl(13 34% 67%), oklch(0.725 0.057 35.4)) en çok Muddy Mire 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.
#C79A8E
oklch(0.725 0.057 35.4)
Renk dönüşümleri
- HEX
- #c79a8e
- RGB
- rgb(199 154 142)
- HSL
- hsl(13 34% 67%)
- HWB
- hwb(13 56% 22%)
- OKLCH
- oklch(0.725 0.057 35.4)
- OKLab
- oklab(0.725 0.046 0.033)
- CIE Lab
- lab(67.66 16.05 13.12)
- LCH
- lch(67.66 20.73 39.3)
- CMYK
- cmyk(0% 23% 29% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDA499
- D3AEA4
- D8B8AF
- DEC2BA
- E4CCC5
- E9D6D1
- EFE0DC
- F4EAE8
- FAF5F3
Koyu tonlar
- AD857B
- 937168
- 7A5E56
- 624B44
- 4C3934
- 362724
- 211715
- 0E0907
- 020101
Gri tonlar
- C0978D
- B9958B
- B2928A
- AB9089
- A48D87
- 9C8B86
- 958884
- 8E8583
- 878381
Renk uyumları
Tamamlayıcı +180°
- C79A8E
Muddy Mire
- 7DB0BD
≈ Flotation
Analog -30° +30°
- C79A8E
Muddy Mire
- C698A1
≈ Rose Meadow
- C09F81
≈ Wickerwork
Üçlü +120° +240°
- C79A8E
Muddy Mire
- 8AB197
≈ Holly Fern
- 9CA4CA
≈ Venus Flower
Bölünmüş tamamlayıcı +150° +210°
- C79A8E
Muddy Mire
- 7DB2AB
≈ Melodious
- 89AAC8
≈ Dresden Doll
Dörtlü +90° +180° +270°
- C79A8E
Muddy Mire
- 9DAD86
≈ Cucumber Crush
- 7DB0BD
≈ Flotation
- AE9EC3
≈ Evening Slipper
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.48:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.44:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.44:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--muddy-mire: #c79a8e;
--muddy-mire-rgb: 199 154 142;
--muddy-mire-oklch: oklch(0.725 0.057 35.4);
}
.element {
color: var(--muddy-mire);
background-color: hsl(13 34% 67%);
border-color: oklch(0.725 0.057 35.4);
}Tailwind CSS v4
@theme {
--color-muddy-mire: #c79a8e;
--color-muddy-mire-50: #fff0ea;
--color-muddy-mire-100: #fae2db;
--color-muddy-mire-200: #ebccc3;
--color-muddy-mire-300: #d2aea3;
--color-muddy-mire-400: #bd9388;
--color-muddy-mire-500: #a8796c;
--color-muddy-mire-600: #8e675c;
--color-muddy-mire-700: #725249;
--color-muddy-mire-800: #543b36;
--color-muddy-mire-900: #3b2925;
--color-muddy-mire-950: #251613;
}SCSS
$muddy-mire: #c79a8e;
$muddy-mire-rgb: 199, 154, 142;
$muddy-mire-light: mix(#fff, $muddy-mire, 20%);
$muddy-mire-dark: mix(#000, $muddy-mire, 20%);
.element {
color: $muddy-mire;
box-shadow: 0 0 0 2px rgba($muddy-mire, 0.35);
}