이름 색상 · #A3B6A4
Bamboo Shoot
Bamboo Shoot은(는) #A3B6A4: rgb(163 182 164), hsl(123 12% 68%), oklch(0.756 0.033 146.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Bamboo Shoot color name →
#A3B6A4
oklch(0.756 0.033 146.7)
색상 변환
- HEX
- #a3b6a4
- RGB
- rgb(163 182 164)
- HSL
- hsl(123 12% 68%)
- HWB
- hwb(123 64% 29%)
- OKLCH
- oklch(0.756 0.033 146.7)
- OKLab
- oklab(0.756 -0.028 0.018)
- CIE Lab
- lab(72.18 -9.4 6.86)
- LCH
- lch(72.18 11.64 143.9)
- CMYK
- cmyk(10% 0% 10% 29%)
틴트 · 셰이드 · 톤
틴트
- ACBDAD
- B5C4B6
- BECBBF
- C7D3C8
- D0DAD1
- D9E1DA
- E3E9E3
- ECF0EC
- F6F8F6
셰이드
- 8D9E8E
- 788679
- 636F64
- 4F5950
- 3C443D
- 2A302B
- 191D1A
- 0A0C0A
- 010201
톤
- 9FB0A0
- 9CAB9D
- 98A599
- 95A095
- 919B92
- 8E958E
- 8A908B
- 878B87
- 838584
색 조화
보색 +180°
- A3B6A4
Bamboo Shoot
- BCA9BB
≈ Soft Heather
유사색 -30° +30°
- A3B6A4
Bamboo Shoot
- AEB39C
≈ White Cabbage
- 9BB7AF
≈ Tropical Bay
삼각 배색 +120° +240°
- A3B6A4
Bamboo Shoot
- A6B0C6
≈ Innuendo
- C4A9A5
≈ Dusky
분열 보색 +150° +210°
- A3B6A4
Bamboo Shoot
- B2ACC3
≈ Wisteria Trellis
- C2A8B0
≈ Violet Ice
사각 배색 +90° +180° +270°
- A3B6A4
Bamboo Shoot
- 9DB4C3
≈ Faded Flaxflower
- BCA9BB
≈ Soft Heather
- C1AB9C
≈ Fall Mood
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.14:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.78:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.78:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--bamboo-shoot: #a3b6a4;
--bamboo-shoot-rgb: 163 182 164;
--bamboo-shoot-oklch: oklch(0.756 0.033 146.7);
}
.element {
color: var(--bamboo-shoot);
background-color: hsl(123 12% 68%);
border-color: oklch(0.756 0.033 146.7);
}Tailwind CSS v4
@theme {
--color-bamboo-shoot: #a3b6a4;
--color-bamboo-shoot-50: #eff8f0;
--color-bamboo-shoot-100: #e1ebe2;
--color-bamboo-shoot-200: #cbd8cd;
--color-bamboo-shoot-300: #acbcae;
--color-bamboo-shoot-400: #92a493;
--color-bamboo-shoot-500: #788c7a;
--color-bamboo-shoot-600: #667767;
--color-bamboo-shoot-700: #515f52;
--color-bamboo-shoot-800: #3c463b;
--color-bamboo-shoot-900: #293029;
--color-bamboo-shoot-950: #171c17;
}SCSS
$bamboo-shoot: #a3b6a4;
$bamboo-shoot-rgb: 163, 182, 164;
$bamboo-shoot-light: mix(#fff, $bamboo-shoot, 20%);
$bamboo-shoot-dark: mix(#000, $bamboo-shoot, 20%);
.element {
color: $bamboo-shoot;
box-shadow: 0 0 0 2px rgba($bamboo-shoot, 0.35);
}