이름 색상 · #B7A696
El Capitan
El Capitan은(는) #B7A696: rgb(183 166 150), hsl(29 19% 65%), oklch(0.735 0.03 65.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · El Capitan color name →
#B7A696
oklch(0.735 0.03 65.6)
색상 변환
- HEX
- #b7a696
- RGB
- rgb(183 166 150)
- HSL
- hsl(29 19% 65%)
- HWB
- hwb(29 59% 28%)
- OKLCH
- oklch(0.735 0.03 65.6)
- OKLab
- oklab(0.735 0.012 0.027)
- CIE Lab
- lab(69.27 4.41 10.68)
- LCH
- lch(69.27 11.55 67.5)
- CMYK
- cmyk(0% 9% 18% 28%)
틴트 · 셰이드 · 톤
틴트
- BEAFA0
- C5B7AA
- CCC0B5
- D3C9BF
- DBD2C9
- E2DBD4
- E9E4DF
- F0EDE9
- F8F6F4
셰이드
- 9F9082
- 877A6E
- 70655B
- 5A5149
- 453E37
- 312B26
- 1E1A16
- 0C0A08
- 020101
톤
- B1A294
- AC9E92
- A69A8F
- A1978D
- 9B938B
- 968F89
- 908B87
- 8B8784
- 858482
색 조화
보색 +180°
- B7A696
El Capitan
- 9AACBC
≈ Blue Fog
유사색 -30° +30°
- B7A696
El Capitan
- BBA39D
≈ Cocoa Craving
- AFAA95
≈ Spartan Stone
삼각 배색 +120° +240°
- B7A696
El Capitan
- 95B0AC
≈ Delicate Green
- AEA5B9
≈ Morning Mist Grey
분열 보색 +150° +210°
- B7A696
El Capitan
- 95AFB5
≈ Mountain Stream
- A4A8BD
≈ Lilac Time
사각 배색 +90° +180° +270°
- B7A696
El Capitan
- 9BAFA1
≈ Phoenix Tears
- 9AACBC
≈ Blue Fog
- B6A3B1
≈ Buckwheat Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.35:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.90:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--el-capitan: #b7a696;
--el-capitan-rgb: 183 166 150;
--el-capitan-oklch: oklch(0.735 0.03 65.6);
}
.element {
color: var(--el-capitan);
background-color: hsl(29 19% 65%);
border-color: oklch(0.735 0.03 65.6);
}Tailwind CSS v4
@theme {
--color-el-capitan: #b7a696;
--color-el-capitan-50: #fbf4ec;
--color-el-capitan-100: #efe6de;
--color-el-capitan-200: #ddd2c7;
--color-el-capitan-300: #c2b5a8;
--color-el-capitan-400: #ab9b8c;
--color-el-capitan-500: #948372;
--color-el-capitan-600: #7e6f60;
--color-el-capitan-700: #64584d;
--color-el-capitan-800: #4a4038;
--color-el-capitan-900: #332c26;
--color-el-capitan-950: #1f1915;
}SCSS
$el-capitan: #b7a696;
$el-capitan-rgb: 183, 166, 150;
$el-capitan-light: mix(#fff, $el-capitan, 20%);
$el-capitan-dark: mix(#000, $el-capitan, 20%);
.element {
color: $el-capitan;
box-shadow: 0 0 0 2px rgba($el-capitan, 0.35);
}