Adlandırılmış renk · #CFB095
Beige Ganesh
Beige Ganesh, #CFB095: rgb(207 176 149), hsl(28 38% 70%), oklch(0.777 0.052 63). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Beige Ganesh color name →
#CFB095
oklch(0.777 0.052 63)
Renk dönüşümleri
- HEX
- #cfb095
- RGB
- rgb(207 176 149)
- HSL
- hsl(28 38% 70%)
- HWB
- hwb(28 58% 19%)
- OKLCH
- oklch(0.777 0.052 63)
- OKLab
- oklab(0.777 0.023 0.046)
- CIE Lab
- lab(74.08 8.62 18.27)
- LCH
- lch(74.08 20.2 64.7)
- CMYK
- cmyk(0% 15% 28% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4B89F
- D9C0AA
- DEC7B4
- E2CFBF
- E7D7C9
- ECDFD4
- F1E7DF
- F6EFE9
- FAF7F4
Koyu tonlar
- B49981
- 99826D
- 7F6C5A
- 675648
- 4F4237
- 382E26
- 231C16
- 100B08
- 020101
Gri tonlar
- C7AB93
- BFA691
- B7A18F
- AF9D8D
- A7988B
- 9F9389
- 978E87
- 8F8984
- 888582
Renk uyumları
Tamamlayıcı +180°
- CFB095
Beige Ganesh
- 9BBBD6
≈ Mångata
Analog -30° +30°
- CFB095
Beige Ganesh
- D5ABA2
≈ Everything’s Rosy
- C2B691
≈ Withered Moss
Üçlü +120° +240°
- CFB095
Beige Ganesh
- 92C2BA
≈ Focus Point
- BDAFD2
≈ Grape’s Treasure
Bölünmüş tamamlayıcı +150° +210°
- CFB095
Beige Ganesh
- 91C0CA
≈ Witness
- ABB5D8
≈ Lilac Sachet
Dörtlü +90° +180° +270°
- CFB095
Beige Ganesh
- 9EC1A7
≈ Aroma Garden
- 9BBBD6
≈ Mångata
- CBABC5
≈ Winsome Orchid
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.03:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.29:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--beige-ganesh: #cfb095;
--beige-ganesh-rgb: 207 176 149;
--beige-ganesh-oklch: oklch(0.777 0.052 63);
}
.element {
color: var(--beige-ganesh);
background-color: hsl(28 38% 70%);
border-color: oklch(0.777 0.052 63);
}Tailwind CSS v4
@theme {
--color-beige-ganesh: #cfb095;
--color-beige-ganesh-50: #fff3e6;
--color-beige-ganesh-100: #f5e5d6;
--color-beige-ganesh-200: #e4d0be;
--color-beige-ganesh-300: #cbb39c;
--color-beige-ganesh-400: #b5987f;
--color-beige-ganesh-500: #9f7f63;
--color-beige-ganesh-600: #876c54;
--color-beige-ganesh-700: #6c5643;
--color-beige-ganesh-800: #503e30;
--color-beige-ganesh-900: #382b21;
--color-beige-ganesh-950: #221810;
}SCSS
$beige-ganesh: #cfb095;
$beige-ganesh-rgb: 207, 176, 149;
$beige-ganesh-light: mix(#fff, $beige-ganesh, 20%);
$beige-ganesh-dark: mix(#000, $beige-ganesh, 20%);
.element {
color: $beige-ganesh;
box-shadow: 0 0 0 2px rgba($beige-ganesh, 0.35);
}