Màu có tên · #BDC8AF
Tamboon
Tamboon là #BDC8AF: rgb(189 200 175), hsl(86 19% 74%), oklch(0.817 0.036 126.6). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Green mean? → · Tamboon color name →
#BDC8AF
oklch(0.817 0.036 126.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C3CDB7
- CAD3BF
- D0D8C7
- D7DECF
- DEE3D7
- E4E9DF
- EBEEE7
- F2F4EF
- F8F9F7
Sắc đậm
- A4AE98
- 8C9481
- 747B6B
- 5D6356
- 474C41
- 33362E
- 1F211C
- 0D0F0B
- 020201
Sắc xám
- B7C1AA
- B0B9A5
- AAB2A1
- A4AB9C
- 9EA397
- 989C93
- 92958E
- 8C8E89
- 868785
Hòa sắc
Bổ túc +180°
- BDC8AF
Tamboon
- C9BED6
≈ Playful Petal
Tương đồng -30° +30°
- BDC8AF
Tamboon
- CAC4AA
≈ Green Gaze
- B1CBBA
≈ Subtle Green
Bộ ba +120° +240°
- BDC8AF
Tamboon
- B1C6DA
≈ Caspian Tide
- D9BABF
≈ Bombay Pink
Bổ túc chia +150° +210°
- BDC8AF
Tamboon
- BDC2DB
≈ Lavender Sachet
- D3BBCC
≈ Bedazzled
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.74:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 12.04:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
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);
}