이름 색상 · #B8BA87
Aloe Plant
Aloe Plant은(는) #B8BA87: rgb(184 186 135), hsl(62 27% 63%), oklch(0.775 0.069 109.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Aloe Plant color name →
#B8BA87
oklch(0.775 0.069 109.8)
색상 변환
- HEX
- #b8ba87
- RGB
- rgb(184 186 135)
- HSL
- hsl(62 27% 63%)
- HWB
- hwb(62 53% 27%)
- OKLCH
- oklch(0.775 0.069 109.8)
- OKLab
- oklab(0.775 -0.023 0.065)
- CIE Lab
- lab(74.4 -6.85 25.72)
- LCH
- lch(74.4 26.62 104.9)
- CMYK
- cmyk(1% 0% 27% 27%)
틴트 · 셰이드 · 톤
틴트
- BFC193
- C6C89F
- CDCFAB
- D4D5B7
- DBDCC3
- E2E3CF
- E9EADB
- F0F1E7
- F8F8F3
셰이드
- A0A175
- 888963
- 717251
- 5B5C41
- 454631
- 313221
- 1E1E13
- 0C0D06
- 020201
톤
- B2B487
- ACAE86
- A7A886
- A1A385
- 9B9D85
- 969784
- 909183
- 8B8B82
- 858681
색 조화
보색 +180°
- B8BA87
Aloe Plant
- B4AFDF
≈ Purple Hibiscus
유사색 -30° +30°
- B8BA87
Aloe Plant
- CDB184
≈ Warm Butterscotch
- 9FC197
≈ Spring Sprig
삼각 배색 +120° +240°
- B8BA87
Aloe Plant
- 88BFD9
≈ High Elf Blue
- D8A4BC
≈ Rhubarb Gin
분열 보색 +150° +210°
- B8BA87
Aloe Plant
- 9CB7E2
≈ Honest
- CAA8D1
≈ Graceful Garden
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.01:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.41:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--aloe-plant: #b8ba87;
--aloe-plant-rgb: 184 186 135;
--aloe-plant-oklch: oklch(0.775 0.069 109.8);
}
.element {
color: var(--aloe-plant);
background-color: hsl(62 27% 63%);
border-color: oklch(0.775 0.069 109.8);
}Tailwind CSS v4
@theme {
--color-aloe-plant: #b8ba87;
--color-aloe-plant-50: #f5f8e1;
--color-aloe-plant-100: #e8ebd1;
--color-aloe-plant-200: #d4d8b6;
--color-aloe-plant-300: #b8bb93;
--color-aloe-plant-400: #a1a273;
--color-aloe-plant-500: #898a54;
--color-aloe-plant-600: #747547;
--color-aloe-plant-700: #5d5e39;
--color-aloe-plant-800: #454428;
--color-aloe-plant-900: #2f2f1b;
--color-aloe-plant-950: #1c1c0b;
}SCSS
$aloe-plant: #b8ba87;
$aloe-plant-rgb: 184, 186, 135;
$aloe-plant-light: mix(#fff, $aloe-plant, 20%);
$aloe-plant-dark: mix(#000, $aloe-plant, 20%);
.element {
color: $aloe-plant;
box-shadow: 0 0 0 2px rgba($aloe-plant, 0.35);
}