이름 색상 · #BDC8AF
Tamboon
Tamboon은(는) #BDC8AF: rgb(189 200 175), hsl(86 19% 74%), oklch(0.817 0.036 126.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Tamboon color name →
#BDC8AF
oklch(0.817 0.036 126.6)
색상 변환
- HEX
- #bdc8af
- RGB
- rgb(189 200 175)
- HSL
- hsl(86 19% 74%)
- HWB
- hwb(86 69% 22%)
- OKLCH
- oklch(0.817 0.036 126.6)
- OKLab
- oklab(0.817 -0.022 0.029)
- CIE Lab
- lab(79.23 -7.26 11.2)
- LCH
- lch(79.23 13.35 122.9)
- CMYK
- cmyk(5% 0% 12% 22%)
틴트 · 셰이드 · 톤
틴트
- C3CDB7
- CAD3BF
- D0D8C7
- D7DECF
- DEE3D7
- E4E9DF
- EBEEE7
- F2F4EF
- F8F9F7
셰이드
- A4AE98
- 8C9481
- 747B6B
- 5D6356
- 474C41
- 33362E
- 1F211C
- 0D0F0B
- 020201
톤
- B7C1AA
- B0B9A5
- AAB2A1
- A4AB9C
- 9EA397
- 989C93
- 92958E
- 8C8E89
- 868785
색 조화
보색 +180°
- BDC8AF
Tamboon
- C9BED6
≈ Playful Petal
유사색 -30° +30°
- BDC8AF
Tamboon
- CAC4AA
≈ Green Gaze
- B1CBBA
≈ Subtle Green
삼각 배색 +120° +240°
- BDC8AF
Tamboon
- B1C6DA
≈ Caspian Tide
- D9BABF
≈ Bombay Pink
분열 보색 +150° +210°
- BDC8AF
Tamboon
- BDC2DB
≈ Lavender Sachet
- D3BBCC
≈ Bedazzled
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.04:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--tamboon: #bdc8af;
--tamboon-rgb: 189 200 175;
--tamboon-oklch: oklch(0.817 0.036 126.6);
}
.element {
color: var(--tamboon);
background-color: hsl(86 19% 74%);
border-color: oklch(0.817 0.036 126.6);
}Tailwind CSS v4
@theme {
--color-tamboon: #bdc8af;
--color-tamboon-50: #f2f7ec;
--color-tamboon-100: #e4eade;
--color-tamboon-200: #cfd7c7;
--color-tamboon-300: #b2bba8;
--color-tamboon-400: #99a38c;
--color-tamboon-500: #808b71;
--color-tamboon-600: #6c7660;
--color-tamboon-700: #565e4d;
--color-tamboon-800: #3f4537;
--color-tamboon-900: #2c2f26;
--color-tamboon-950: #191c14;
}SCSS
$tamboon: #bdc8af;
$tamboon-rgb: 189, 200, 175;
$tamboon-light: mix(#fff, $tamboon, 20%);
$tamboon-dark: mix(#000, $tamboon, 20%);
.element {
color: $tamboon;
box-shadow: 0 0 0 2px rgba($tamboon, 0.35);
}