이름 색상 · #C6CFAD
Bamboo White
Bamboo White은(는) #C6CFAD: rgb(198 207 173), hsl(76 26% 75%), oklch(0.839 0.047 119.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Bamboo White color name →
#C6CFAD
oklch(0.839 0.047 119.5)
색상 변환
- HEX
- #c6cfad
- RGB
- rgb(198 207 173)
- HSL
- hsl(76 26% 75%)
- HWB
- hwb(76 68% 19%)
- OKLCH
- oklch(0.839 0.047 119.5)
- OKLab
- oklab(0.839 -0.023 0.041)
- CIE Lab
- lab(81.74 -7.58 15.88)
- LCH
- lch(81.74 17.59 115.5)
- CMYK
- cmyk(4% 0% 16% 19%)
틴트 · 셰이드 · 톤
틴트
- CCD4B5
- D1D9BD
- D7DDC5
- DCE2CD
- E2E7D6
- E8ECDE
- EEF1E6
- F3F5EE
- F9FAF7
셰이드
- ACB496
- 92997F
- 7A7F6A
- 626755
- 4B4F41
- 35382D
- 21231B
- 0E100B
- 020201
톤
- BFC7A8
- B8BFA4
- B0B79F
- A9AF9B
- A2A796
- 9B9F92
- 94978D
- 8E8F89
- 878885
색 조화
보색 +180°
- C6CFAD
Bamboo White
- CEC4E5
≈ Party Hat
유사색 -30° +30°
- C6CFAD
Bamboo White
- D6C9A8
≈ Sweet Porridge
- B6D3BA
≈ Surf
삼각 배색 +120° +240°
- C6CFAD
Bamboo White
- AFCFE6
≈ Vive le Vent
- E5BEC9
≈ Soap Pink
분열 보색 +150° +210°
- C6CFAD
Bamboo White
- BEC9EA
≈ Cuddle
- DCC0D9
≈ Plum Taffy
사각 배색 +90° +180° +270°
- C6CFAD
Bamboo White
- A7D3DB
≈ Midwinter Mist
- CEC4E5
≈ Party Hat
- E7BFB8
≈ Positively Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.62:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.92:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--bamboo-white: #c6cfad;
--bamboo-white-rgb: 198 207 173;
--bamboo-white-oklch: oklch(0.839 0.047 119.5);
}
.element {
color: var(--bamboo-white);
background-color: hsl(76 26% 75%);
border-color: oklch(0.839 0.047 119.5);
}Tailwind CSS v4
@theme {
--color-bamboo-white: #c6cfad;
--color-bamboo-white-50: #f3f7e9;
--color-bamboo-white-100: #e5ebd9;
--color-bamboo-white-200: #d1d8c2;
--color-bamboo-white-300: #b3bca1;
--color-bamboo-white-400: #9ba384;
--color-bamboo-white-500: #828b68;
--color-bamboo-white-600: #6e7658;
--color-bamboo-white-700: #585e46;
--color-bamboo-white-800: #414532;
--color-bamboo-white-900: #2d3022;
--color-bamboo-white-950: #1a1c11;
}SCSS
$bamboo-white: #c6cfad;
$bamboo-white-rgb: 198, 207, 173;
$bamboo-white-light: mix(#fff, $bamboo-white, 20%);
$bamboo-white-dark: mix(#000, $bamboo-white, 20%);
.element {
color: $bamboo-white;
box-shadow: 0 0 0 2px rgba($bamboo-white, 0.35);
}