Adlandırılmış renk · #B0A99F
Cloudy Desert
Cloudy Desert, #B0A99F: rgb(176 169 159), hsl(35 10% 66%), oklch(0.738 0.016 77). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cloudy Desert color name →
#B0A99F
oklch(0.738 0.016 77)
Renk dönüşümleri
- HEX
- #b0a99f
- RGB
- rgb(176 169 159)
- HSL
- hsl(35 10% 66%)
- HWB
- hwb(35 62% 31%)
- OKLCH
- oklch(0.738 0.016 77)
- OKLab
- oklab(0.738 0.004 0.016)
- CIE Lab
- lab(69.61 1.28 6.12)
- LCH
- lch(69.61 6.25 78.2)
- CMYK
- cmyk(0% 4% 10% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B8B1A8
- BFBAB2
- C7C2BB
- CFCBC4
- D7D3CE
- DFDCD8
- E7E5E1
- EFEDEB
- F7F6F5
Koyu tonlar
- 99928A
- 827C75
- 6C6761
- 56534D
- 423F3B
- 2E2C29
- 1C1B18
- 0B0A09
- 010101
Gri tonlar
- ABA59C
- A6A199
- A19C96
- 9C9892
- 98948F
- 93908C
- 8E8C89
- 898886
- 858483
Renk uyumları
Tamamlayıcı +180°
- B0A99F
Cloudy Desert
- A4ABB5
≈ Dutch Jug
Analog -30° +30°
- B0A99F
Cloudy Desert
- B3A7A2
≈ Aura
- ABAB9F
≈ Escape Grey
Üçlü +120° +240°
- B0A99F
Cloudy Desert
- 9FADAE
≈ Portsmouth Bay
- AEA7B1
≈ Elderberry Grey
Bölünmüş tamamlayıcı +150° +210°
- B0A99F
Cloudy Desert
- A0ACB2
≈ Pelican Bay
- A9A9B4
≈ Modern Lavender
Dörtlü +90° +180° +270°
- B0A99F
Cloudy Desert
- A1AEA8
≈ Feldspar Silver
- A4ABB5
≈ Dutch Jug
- B2A6AC
≈ Beguiling Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.32:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.02:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--cloudy-desert: #b0a99f;
--cloudy-desert-rgb: 176 169 159;
--cloudy-desert-oklch: oklch(0.738 0.016 77);
}
.element {
color: var(--cloudy-desert);
background-color: hsl(35 10% 66%);
border-color: oklch(0.738 0.016 77);
}Tailwind CSS v4
@theme {
--color-cloudy-desert: #b0a99f;
--color-cloudy-desert-50: #f8f5f0;
--color-cloudy-desert-100: #ebe7e2;
--color-cloudy-desert-200: #d8d4cd;
--color-cloudy-desert-300: #bcb7ae;
--color-cloudy-desert-400: #a49d94;
--color-cloudy-desert-500: #8c857a;
--color-cloudy-desert-600: #777168;
--color-cloudy-desert-700: #5f5a53;
--color-cloudy-desert-800: #46423c;
--color-cloudy-desert-900: #302d29;
--color-cloudy-desert-950: #1c1a17;
}SCSS
$cloudy-desert: #b0a99f;
$cloudy-desert-rgb: 176, 169, 159;
$cloudy-desert-light: mix(#fff, $cloudy-desert, 20%);
$cloudy-desert-dark: mix(#000, $cloudy-desert, 20%);
.element {
color: $cloudy-desert;
box-shadow: 0 0 0 2px rgba($cloudy-desert, 0.35);
}