En yakın adlandırılmış renk · #C19161
#C19161
En yakın adlandırılmış renk: Chalet
#C19161 (rgb(193 145 97), hsl(30 44% 57%), oklch(0.692 0.086 65.6)) en çok Chalet 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.
#C19161
oklch(0.692 0.086 65.6)
Renk dönüşümleri
- HEX
- #c19161
- RGB
- rgb(193 145 97)
- HSL
- hsl(30 44% 57%)
- HWB
- hwb(30 38% 24%)
- OKLCH
- oklch(0.692 0.086 65.6)
- OKLab
- oklab(0.692 0.036 0.079)
- CIE Lab
- lab(64.07 14.46 32.79)
- LCH
- lch(64.07 35.84 66.2)
- CMYK
- cmyk(0% 25% 50% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C79C71
- CEA781
- D4B290
- DABCA0
- E1C7AF
- E7D2BF
- EDDDCF
- F3E9DF
- F9F4EF
Koyu tonlar
- A77D53
- 8F6A46
- 775839
- 5F462D
- 493521
- 342515
- 20150B
- 0E0703
- 020100
Gri tonlar
- BB8F65
- B48E69
- AE8C6C
- A78B6F
- A18973
- 9A8775
- 948678
- 8D847B
- 87827E
Renk uyumları
Tamamlayıcı +180°
- C19161
Chalet
- 6EA2CE
≈ Overcast
Analog -30° +30°
- C19161
Chalet
- CB8977
≈ Ginger Whisper
- AC9C5C
≈ Kathmandu
Üçlü +120° +240°
- C19161
Chalet
- 55ADA3
≈ Dragon Bay
- A98EC7
≈ Fleur-De-Lis
Bölünmüş tamamlayıcı +150° +210°
- C19161
Chalet
- 55AABE
≈ Verditer Blue
- 8D98D2
≈ Portage
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.49:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--chalet: #c19161;
--chalet-rgb: 193 145 97;
--chalet-oklch: oklch(0.692 0.086 65.6);
}
.element {
color: var(--chalet);
background-color: hsl(30 44% 57%);
border-color: oklch(0.692 0.086 65.6);
}Tailwind CSS v4
@theme {
--color-chalet: #c19161;
--color-chalet-50: #fff1dc;
--color-chalet-100: #fce3ca;
--color-chalet-200: #eecead;
--color-chalet-300: #d6b088;
--color-chalet-400: #c29467;
--color-chalet-500: #ad7a44;
--color-chalet-600: #92673b;
--color-chalet-700: #75532f;
--color-chalet-800: #573c21;
--color-chalet-900: #3d2916;
--color-chalet-950: #261707;
}SCSS
$chalet: #c19161;
$chalet-rgb: 193, 145, 97;
$chalet-light: mix(#fff, $chalet, 20%);
$chalet-dark: mix(#000, $chalet, 20%);
.element {
color: $chalet;
box-shadow: 0 0 0 2px rgba($chalet, 0.35);
}