Cor nomeada · #BDC8AF
Tamboon
Tamboon é #BDC8AF: rgb(189 200 175), hsl(86 19% 74%), oklch(0.817 0.036 126.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Tamboon color name →
#BDC8AF
oklch(0.817 0.036 126.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C3CDB7
- CAD3BF
- D0D8C7
- D7DECF
- DEE3D7
- E4E9DF
- EBEEE7
- F2F4EF
- F8F9F7
Sombras
- A4AE98
- 8C9481
- 747B6B
- 5D6356
- 474C41
- 33362E
- 1F211C
- 0D0F0B
- 020201
Tons
- B7C1AA
- B0B9A5
- AAB2A1
- A4AB9C
- 9EA397
- 989C93
- 92958E
- 8C8E89
- 868785
Harmonias de cor
Complementar +180°
- BDC8AF
Tamboon
- C9BED6
≈ Playful Petal
Análoga -30° +30°
- BDC8AF
Tamboon
- CAC4AA
≈ Green Gaze
- B1CBBA
≈ Subtle Green
Tríade +120° +240°
- BDC8AF
Tamboon
- B1C6DA
≈ Caspian Tide
- D9BABF
≈ Bombay Pink
Complementar dividida +150° +210°
- BDC8AF
Tamboon
- BDC2DB
≈ Lavender Sachet
- D3BBCC
≈ Bedazzled
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 12.04:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
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);
}