Cor nomeada · #BCBFA8
Beryl Green
Beryl Green é #BCBFA8: rgb(188 191 168), hsl(68 15% 70%), oklch(0.796 0.032 113.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Beryl Green color name →
#BCBFA8
oklch(0.796 0.032 113.2)
Conversões de cor
- HEX
- #bcbfa8
- RGB
- rgb(188 191 168)
- HSL
- hsl(68 15% 70%)
- HWB
- hwb(68 66% 25%)
- OKLCH
- oklch(0.796 0.032 113.2)
- OKLab
- oklab(0.796 -0.012 0.029)
- CIE Lab
- lab(76.63 -4.1 11.28)
- LCH
- lch(76.63 12 110)
- CMYK
- cmyk(2% 0% 12% 25%)
Tons claros · Sombras · Tons
Tons claros
- C3C5B0
- C9CCB9
- D0D2C2
- D6D8CA
- DDDFD3
- E4E5DC
- EAEBE4
- F1F2ED
- F8F8F6
Sombras
- A3A692
- 8B8D7C
- 737567
- 5D5E52
- 47483F
- 32332C
- 1F1F1A
- 0D0D0A
- 020201
Tons
- B6B9A4
- B0B2A0
- AAAC9C
- A3A598
- 9D9F94
- 979990
- 92928C
- 8C8C88
- 868684
Harmonias de cor
Complementar +180°
- BCBFA8
Beryl Green
- BDB9D0
≈ Fragile
Análoga -30° +30°
- BCBFA8
Beryl Green
- C6BBA6
≈ Another One Bites the Dust
- B1C2B0
≈ Rainee
Tríade +120° +240°
- BCBFA8
Beryl Green
- A9C0CE
≈ Graceful
- CEB4BE
≈ Candlelight Dinner
Complementar dividida +150° +210°
- BCBFA8
Beryl Green
- B2BDD2
≈ Cold Winter’s Morn
- C7B6C8
≈ Ballad
Tétrade +90° +180° +270°
- BCBFA8
Beryl Green
- A6C3C5
≈ Ocean Kiss
- BDB9D0
≈ Fragile
- D0B5B3
≈ Smoked Lavender
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.88:1 · APCA Lc 36
Ag
AAASobre preto
WCAG 11.15:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 11.15:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
CSS
:root {
--beryl-green: #bcbfa8;
--beryl-green-rgb: 188 191 168;
--beryl-green-oklch: oklch(0.796 0.032 113.2);
}
.element {
color: var(--beryl-green);
background-color: hsl(68 15% 70%);
border-color: oklch(0.796 0.032 113.2);
}Tailwind CSS v4
@theme {
--color-beryl-green: #bcbfa8;
--color-beryl-green-50: #f4f6ec;
--color-beryl-green-100: #e7e9dd;
--color-beryl-green-200: #d3d6c7;
--color-beryl-green-300: #b6baa7;
--color-beryl-green-400: #9ea18c;
--color-beryl-green-500: #868971;
--color-beryl-green-600: #717460;
--color-beryl-green-700: #5b5d4c;
--color-beryl-green-800: #434437;
--color-beryl-green-900: #2e2f26;
--color-beryl-green-950: #1b1b14;
}SCSS
$beryl-green: #bcbfa8;
$beryl-green-rgb: 188, 191, 168;
$beryl-green-light: mix(#fff, $beryl-green, 20%);
$beryl-green-dark: mix(#000, $beryl-green, 20%);
.element {
color: $beryl-green;
box-shadow: 0 0 0 2px rgba($beryl-green, 0.35);
}