이름 색상 · #848B71
Aloe Vera Tea
Aloe Vera Tea은(는) #848B71: rgb(132 139 113), hsl(76 10% 49%), oklch(0.624 0.039 119.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Aloe Vera Tea color name →
#848B71
oklch(0.624 0.039 119.8)
색상 변환
- HEX
- #848b71
- RGB
- rgb(132 139 113)
- HSL
- hsl(76 10% 49%)
- HWB
- hwb(76 44% 45%)
- OKLCH
- oklch(0.624 0.039 119.8)
- OKLab
- oklab(0.624 -0.019 0.034)
- CIE Lab
- lab(56.73 -6.26 13.06)
- LCH
- lch(56.73 14.48 115.6)
- CMYK
- cmyk(5% 0% 19% 45%)
틴트 · 셰이드 · 톤
틴트
- 90967E
- 9BA18C
- A7AD9A
- B3B8A8
- C0C3B6
- CCCFC4
- D9DBD3
- E5E7E1
- F2F3F0
셰이드
- 727861
- 606652
- 4F5443
- 3F4335
- 2F3227
- 20231A
- 12140E
- 060704
- 010101
톤
- 848A73
- 838974
- 838876
- 828777
- 828679
- 82847A
- 81837C
- 81827D
- 80817F
색 조화
보색 +180°
- 848B71
Aloe Vera Tea
- 8A829C
≈ Live Jazz
유사색 -30° +30°
- 848B71
Aloe Vera Tea
- 90876D
≈ Open Range
- 778E7B
≈ Cyanara
삼각 배색 +120° +240°
- 848B71
Aloe Vera Tea
- 738B9D
≈ China Clay
- 9C7E86
≈ Mulberry Wine
분열 보색 +150° +210°
- 848B71
Aloe Vera Tea
- 7E879F
≈ Top Shelf
- 957F93
≈ Plum Swirl
사각 배색 +90° +180° +270°
- 848B71
Aloe Vera Tea
- 6C8E94
≈ Baritone
- 8A829C
≈ Live Jazz
- 9D7F7A
≈ Cafe Ole
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.55:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.91:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--aloe-vera-tea: #848b71;
--aloe-vera-tea-rgb: 132 139 113;
--aloe-vera-tea-oklch: oklch(0.624 0.039 119.8);
}
.element {
color: var(--aloe-vera-tea);
background-color: hsl(76 10% 49%);
border-color: oklch(0.624 0.039 119.8);
}Tailwind CSS v4
@theme {
--color-aloe-vera-tea: #848b71;
--color-aloe-vera-tea-50: #f3f7eb;
--color-aloe-vera-tea-100: #e5eadc;
--color-aloe-vera-tea-200: #d1d7c5;
--color-aloe-vera-tea-300: #b4bba5;
--color-aloe-vera-tea-400: #9ba289;
--color-aloe-vera-tea-500: #838a6e;
--color-aloe-vera-tea-600: #6f755d;
--color-aloe-vera-tea-700: #585e4a;
--color-aloe-vera-tea-800: #414435;
--color-aloe-vera-tea-900: #2d2f24;
--color-aloe-vera-tea-950: #1a1c13;
}SCSS
$aloe-vera-tea: #848b71;
$aloe-vera-tea-rgb: 132, 139, 113;
$aloe-vera-tea-light: mix(#fff, $aloe-vera-tea, 20%);
$aloe-vera-tea-dark: mix(#000, $aloe-vera-tea, 20%);
.element {
color: $aloe-vera-tea;
box-shadow: 0 0 0 2px rgba($aloe-vera-tea, 0.35);
}