Adlandırılmış renk · #B58853
Sand Mountain
Sand Mountain, #B58853: rgb(181 136 83), hsl(32 40% 52%), oklch(0.659 0.089 69.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Sand Mountain color name →
#B58853
oklch(0.659 0.089 69.8)
Renk dönüşümleri
- HEX
- #b58853
- RGB
- rgb(181 136 83)
- HSL
- hsl(32 40% 52%)
- HWB
- hwb(32 33% 29%)
- OKLCH
- oklch(0.659 0.089 69.8)
- OKLab
- oklab(0.659 0.031 0.084)
- CIE Lab
- lab(60.3 13.17 35.25)
- LCH
- lch(60.3 37.63 69.5)
- CMYK
- cmyk(0% 25% 54% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BD9465
- C49F76
- CCAB87
- D3B798
- DAC3A9
- E2CFBA
- E9DBCB
- F0E7DC
- F8F3ED
Koyu tonlar
- 9D7547
- 86633B
- 6F5230
- 594125
- 44311B
- 302211
- 1D1308
- 0C0602
- 020100
Gri tonlar
- B08759
- AB875E
- A58663
- A08568
- 9B856C
- 968470
- 908374
- 8B8278
- 85817C
Renk uyumları
Tamamlayıcı +180°
- B58853
Sand Mountain
- 6796C6
≈ Eyeshadow Blue
Analog -30° +30°
- B58853
Sand Mountain
- C17F68
≈ Kitchen Terra Cotta
- 9F9350
≈ Backroom Ember
Üçlü +120° +240°
- B58853
Sand Mountain
- 45A39E
≈ Bahaman Bliss
- A283BB
≈ Lilac Purple
Bölünmüş tamamlayıcı +150° +210°
- B58853
Sand Mountain
- 4A9FB7
≈ Aquatic Cool
- 878CC8
≈ Bailey Bells
Dörtlü +90° +180° +270°
- B58853
Sand Mountain
- 5EA37F
≈ Plumosa
- 6796C6
≈ Eyeshadow Blue
- B77CA3
≈ Purple Cheeks
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.17:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.61:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.61:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--sand-mountain: #b58853;
--sand-mountain-rgb: 181 136 83;
--sand-mountain-oklch: oklch(0.659 0.089 69.8);
}
.element {
color: var(--sand-mountain);
background-color: hsl(32 40% 52%);
border-color: oklch(0.659 0.089 69.8);
}Tailwind CSS v4
@theme {
--color-sand-mountain: #b58853;
--color-sand-mountain-50: #fff2da;
--color-sand-mountain-100: #fbe4c8;
--color-sand-mountain-200: #edcfab;
--color-sand-mountain-300: #d4b085;
--color-sand-mountain-400: #c19563;
--color-sand-mountain-500: #ac7b3f;
--color-sand-mountain-600: #916837;
--color-sand-mountain-700: #74532b;
--color-sand-mountain-800: #573c1e;
--color-sand-mountain-900: #3d2914;
--color-sand-mountain-950: #261706;
}SCSS
$sand-mountain: #b58853;
$sand-mountain-rgb: 181, 136, 83;
$sand-mountain-light: mix(#fff, $sand-mountain, 20%);
$sand-mountain-dark: mix(#000, $sand-mountain, 20%);
.element {
color: $sand-mountain;
box-shadow: 0 0 0 2px rgba($sand-mountain, 0.35);
}