이름 색상 · #BCBAAB
Greenwood
Greenwood은(는) #BCBAAB: rgb(188 186 171), hsl(53 11% 70%), oklch(0.786 0.021 100.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Greenwood color name →
#BCBAAB
oklch(0.786 0.021 100.7)
색상 변환
- HEX
- #bcbaab
- RGB
- rgb(188 186 171)
- HSL
- hsl(53 11% 70%)
- HWB
- hwb(53 67% 26%)
- OKLCH
- oklch(0.786 0.021 100.7)
- OKLab
- oklab(0.786 -0.004 0.021)
- CIE Lab
- lab(75.36 -1.25 7.9)
- LCH
- lch(75.36 8 99)
- CMYK
- cmyk(0% 1% 9% 26%)
틴트 · 셰이드 · 톤
틴트
- C3C1B3
- C9C7BB
- D0CEC4
- D6D5CC
- DDDCD4
- E4E3DD
- EAEAE5
- F1F1EE
- F8F8F6
셰이드
- A3A194
- 8B897E
- 737268
- 5D5C54
- 474640
- 32322D
- 1F1E1B
- 0D0D0B
- 020201
톤
- B6B4A7
- B0AEA2
- AAA89E
- A3A29A
- 9D9D95
- 979791
- 92918D
- 8C8B88
- 868684
색 조화
보색 +180°
- BCBAAB
Greenwood
- B6B8C7
≈ Cosmic
유사색 -30° +30°
- BCBAAB
Greenwood
- C2B7AB
≈ Versatile Taupe
- B5BCAF
≈ Cedar Mill
삼각 배색 +120° +240°
- BCBAAB
Greenwood
- ACBDC3
≈ Blue Heather
- C3B4BD
≈ Blossom Powder
분열 보색 +150° +210°
- BCBAAB
Greenwood
- B0BBC7
≈ Spirit
- BEB6C4
≈ Perplexed
사각 배색 +90° +180° +270°
- BCBAAB
Greenwood
- ABBEBC
≈ Rain
- B6B8C7
≈ Cosmic
- C6B4B6
≈ Rosy Linen
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.95:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.74:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--greenwood: #bcbaab;
--greenwood-rgb: 188 186 171;
--greenwood-oklch: oklch(0.786 0.021 100.7);
}
.element {
color: var(--greenwood);
background-color: hsl(53 11% 70%);
border-color: oklch(0.786 0.021 100.7);
}Tailwind CSS v4
@theme {
--color-greenwood: #bcbaab;
--color-greenwood-50: #f6f5ef;
--color-greenwood-100: #e9e8e0;
--color-greenwood-200: #d6d5cb;
--color-greenwood-300: #b9b8ac;
--color-greenwood-400: #a19f91;
--color-greenwood-500: #898777;
--color-greenwood-600: #747265;
--color-greenwood-700: #5d5b51;
--color-greenwood-800: #44433a;
--color-greenwood-900: #2f2e28;
--color-greenwood-950: #1c1b16;
}SCSS
$greenwood: #bcbaab;
$greenwood-rgb: 188, 186, 171;
$greenwood-light: mix(#fff, $greenwood, 20%);
$greenwood-dark: mix(#000, $greenwood, 20%);
.element {
color: $greenwood;
box-shadow: 0 0 0 2px rgba($greenwood, 0.35);
}