이름 색상 · #B2865D
Sacred Ground
Sacred Ground은(는) #B2865D: rgb(178 134 93), hsl(29 36% 53%), oklch(0.653 0.078 63.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sacred Ground color name →
#B2865D
oklch(0.653 0.078 63.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- BA926D
- C29E7D
- C9A98D
- D1B59D
- D9C1AD
- E1CEBD
- E8DACD
- F0E6DE
- F7F3EE
셰이드
- 9A7450
- 836243
- 6D5137
- 57402A
- 43301F
- 2F2114
- 1D130A
- 0C0603
- 010100
톤
- AD8661
- A88565
- A38569
- 9E846D
- 998470
- 948373
- 8F8277
- 8A827A
- 85817D
색 조화
보색 +180°
- B2865D
Sacred Ground
- 6696BC
≈ Lupine Blue
유사색 -30° +30°
- B2865D
Sacred Ground
- BB7F71
≈ Western Pink
- A08F57
≈ Green Ochre
삼각 배색 +120° +240°
- B2865D
Sacred Ground
- 54A095
≈ Aqua Revival
- 9A85B7
≈ Bougainvillaea
분열 보색 +150° +210°
- B2865D
Sacred Ground
- 529DAD
≈ Flood Out
- 818DC0
≈ Pleated Mauve
사각 배색 +90° +180° +270°
- B2865D
Sacred Ground
- 6A9E7A
≈ Holiday Camp
- 6696BC
≈ Lupine Blue
- AE7EA4
≈ Antique Hot Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.25:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.46:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
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);
}