Adlandırılmış renk · #C19C86
Chestnut Bisque
Chestnut Bisque, #C19C86: rgb(193 156 134), hsl(22 32% 64%), oklch(0.721 0.054 52.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Chestnut Bisque color name →
#C19C86
oklch(0.721 0.054 52.3)
Renk dönüşümleri
- HEX
- #c19c86
- RGB
- rgb(193 156 134)
- HSL
- hsl(22 32% 64%)
- HWB
- hwb(22 53% 24%)
- OKLCH
- oklch(0.721 0.054 52.3)
- OKLab
- oklab(0.721 0.033 0.043)
- CIE Lab
- lab(67.38 11.82 17.03)
- LCH
- lch(67.38 20.73 55.2)
- CMYK
- cmyk(0% 19% 31% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7A692
- CEAF9D
- D4B9A9
- DAC3B5
- E0CDC1
- E6D7CD
- EDE1DA
- F3EBE6
- F9F5F2
Koyu tonlar
- A78774
- 8F7362
- 775F51
- 5F4C40
- 493930
- 342821
- 201813
- 0E0906
- 020101
Gri tonlar
- BA9986
- B49685
- AD9485
- A79184
- A08E83
- 9A8B83
- 938882
- 8D8681
- 868381
Renk uyumları
Tamamlayıcı +180°
- C19C86
Chestnut Bisque
- 83ABC1
≈ Arabella
Analog -30° +30°
- C19C86
Chestnut Bisque
- C59895
≈ Fall Canyon
- B6A27F
≈ Montecito
Üçlü +120° +240°
- C19C86
Chestnut Bisque
- 82B0A1
≈ Le Max
- A59FC5
≈ May Mist
Bölünmüş tamamlayıcı +150° +210°
- C19C86
Chestnut Bisque
- 7CAFB3
≈ Buoyancy
- 93A5C8
≈ Finesse
Dörtlü +90° +180° +270°
- C19C86
Chestnut Bisque
- 92AE8F
≈ Greenish Grey
- 83ABC1
≈ Arabella
- B59AB9
≈ Grape Smoke
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.50:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.36:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.36:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--chestnut-bisque: #c19c86;
--chestnut-bisque-rgb: 193 156 134;
--chestnut-bisque-oklch: oklch(0.721 0.054 52.3);
}
.element {
color: var(--chestnut-bisque);
background-color: hsl(22 32% 64%);
border-color: oklch(0.721 0.054 52.3);
}Tailwind CSS v4
@theme {
--color-chestnut-bisque: #c19c86;
--color-chestnut-bisque-50: #fff1e7;
--color-chestnut-bisque-100: #f7e4d7;
--color-chestnut-bisque-200: #e8cfbf;
--color-chestnut-bisque-300: #ceb19e;
--color-chestnut-bisque-400: #b99681;
--color-chestnut-bisque-500: #a47c65;
--color-chestnut-bisque-600: #8a6956;
--color-chestnut-bisque-700: #6f5444;
--color-chestnut-bisque-800: #523d32;
--color-chestnut-bisque-900: #392a22;
--color-chestnut-bisque-950: #231811;
}SCSS
$chestnut-bisque: #c19c86;
$chestnut-bisque-rgb: 193, 156, 134;
$chestnut-bisque-light: mix(#fff, $chestnut-bisque, 20%);
$chestnut-bisque-dark: mix(#000, $chestnut-bisque, 20%);
.element {
color: $chestnut-bisque;
box-shadow: 0 0 0 2px rgba($chestnut-bisque, 0.35);
}