Màu có tên · #BCBFA8
Beryl Green
Beryl Green là #BCBFA8: rgb(188 191 168), hsl(68 15% 70%), oklch(0.796 0.032 113.2). 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 Gray mean? → · Beryl Green color name →
#BCBFA8
oklch(0.796 0.032 113.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C3C5B0
- C9CCB9
- D0D2C2
- D6D8CA
- DDDFD3
- E4E5DC
- EAEBE4
- F1F2ED
- F8F8F6
Sắc đậm
- A3A692
- 8B8D7C
- 737567
- 5D5E52
- 47483F
- 32332C
- 1F1F1A
- 0D0D0A
- 020201
Sắc xám
- B6B9A4
- B0B2A0
- AAAC9C
- A3A598
- 9D9F94
- 979990
- 92928C
- 8C8C88
- 868684
Hòa sắc
Bổ túc +180°
- BCBFA8
Beryl Green
- BDB9D0
≈ Fragile
Tương đồng -30° +30°
- BCBFA8
Beryl Green
- C6BBA6
≈ Another One Bites the Dust
- B1C2B0
≈ Rainee
Bộ ba +120° +240°
- BCBFA8
Beryl Green
- A9C0CE
≈ Graceful
- CEB4BE
≈ Candlelight Dinner
Bổ túc chia +150° +210°
- BCBFA8
Beryl Green
- B2BDD2
≈ Cold Winter’s Morn
- C7B6C8
≈ Ballad
Bộ bốn +90° +180° +270°
- BCBFA8
Beryl Green
- A6C3C5
≈ Ocean Kiss
- BDB9D0
≈ Fragile
- D0B5B3
≈ Smoked Lavender
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.88:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 11.15:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.15:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
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);
}