Adlandırılmış renk · #B2865D
Sacred Ground
Sacred Ground, #B2865D: rgb(178 134 93), hsl(29 36% 53%), oklch(0.653 0.078 63.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? → · Sacred Ground color name →
#B2865D
oklch(0.653 0.078 63.8)
Renk dönüşümleri
- HEX
- #b2865d
- RGB
- rgb(178 134 93)
- HSL
- hsl(29 36% 53%)
- HWB
- hwb(29 36% 30%)
- OKLCH
- oklch(0.653 0.078 63.8)
- OKLab
- oklab(0.653 0.034 0.07)
- CIE Lab
- lab(59.58 13.63 28.92)
- LCH
- lch(59.58 31.97 64.8)
- CMYK
- cmyk(0% 25% 48% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BA926D
- C29E7D
- C9A98D
- D1B59D
- D9C1AD
- E1CEBD
- E8DACD
- F0E6DE
- F7F3EE
Koyu tonlar
- 9A7450
- 836243
- 6D5137
- 57402A
- 43301F
- 2F2114
- 1D130A
- 0C0603
- 010100
Gri tonlar
- AD8661
- A88565
- A38569
- 9E846D
- 998470
- 948373
- 8F8277
- 8A827A
- 85817D
Renk uyumları
Tamamlayıcı +180°
- B2865D
Sacred Ground
- 6696BC
≈ Lupine Blue
Analog -30° +30°
- B2865D
Sacred Ground
- BB7F71
≈ Western Pink
- A08F57
≈ Green Ochre
Üçlü +120° +240°
- B2865D
Sacred Ground
- 54A095
≈ Aqua Revival
- 9A85B7
≈ Bougainvillaea
Bölünmüş tamamlayıcı +150° +210°
- B2865D
Sacred Ground
- 529DAD
≈ Flood Out
- 818DC0
≈ Pleated Mauve
Dörtlü +90° +180° +270°
- B2865D
Sacred Ground
- 6A9E7A
≈ Holiday Camp
- 6696BC
≈ Lupine Blue
- AE7EA4
≈ Antique Hot Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.25:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.46:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--sacred-ground: #b2865d;
--sacred-ground-rgb: 178 134 93;
--sacred-ground-oklch: oklch(0.653 0.078 63.8);
}
.element {
color: var(--sacred-ground);
background-color: hsl(29 36% 53%);
border-color: oklch(0.653 0.078 63.8);
}Tailwind CSS v4
@theme {
--color-sacred-ground: #b2865d;
--color-sacred-ground-50: #fff1de;
--color-sacred-ground-100: #fbe3cd;
--color-sacred-ground-200: #ecceb2;
--color-sacred-ground-300: #d4b08e;
--color-sacred-ground-400: #bf956e;
--color-sacred-ground-500: #ab7b4d;
--color-sacred-ground-600: #906842;
--color-sacred-ground-700: #745334;
--color-sacred-ground-800: #563c25;
--color-sacred-ground-900: #3c2919;
--color-sacred-ground-950: #26170a;
}SCSS
$sacred-ground: #b2865d;
$sacred-ground-rgb: 178, 134, 93;
$sacred-ground-light: mix(#fff, $sacred-ground, 20%);
$sacred-ground-dark: mix(#000, $sacred-ground, 20%);
.element {
color: $sacred-ground;
box-shadow: 0 0 0 2px rgba($sacred-ground, 0.35);
}