Benoemde kleur · #BDC2BB
Silky Green
Silky Green is #BDC2BB: rgb(189 194 187), hsl(103 5% 75%), oklch(0.808 0.011 136.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Silky Green color name →
#BDC2BB
oklch(0.808 0.011 136.6)
Kleurconversies
- HEX
- #bdc2bb
- RGB
- rgb(189 194 187)
- HSL
- hsl(103 5% 75%)
- HWB
- hwb(103 73% 24%)
- OKLCH
- oklch(0.808 0.011 136.6)
- OKLab
- oklab(0.808 -0.008 0.008)
- CIE Lab
- lab(77.88 -2.76 2.9)
- LCH
- lch(77.88 4 133.6)
- CMYK
- cmyk(3% 0% 4% 24%)
Tinten · Schaduwen · Tonen
Tinten
- C3C8C2
- CACEC8
- D0D4CF
- D7DAD6
- DEE0DD
- E4E6E3
- EBECEA
- F2F3F1
- F8F9F8
Schaduwen
- A4A8A2
- 8C8F8A
- 747773
- 5D605C
- 474946
- 333432
- 1F201F
- 0D0E0D
- 020202
Tonen
- B7BBB5
- B0B4AF
- AAAEA9
- A4A7A3
- 9EA09D
- 989A97
- 929391
- 8C8D8B
- 868686
Kleurharmonieën
Complementair +180°
- BDC2BB
Silky Green
- C3BEC5
≈ Stately Frills
Analoog -30° +30°
- BDC2BB
Silky Green
- C1C1B9
≈ Blithe Mood
- BAC3BF
≈ Tiara
Triadisch +120° +240°
- BDC2BB
Silky Green
- BCC1C8
≈ Anon
- C7BEBE
≈ Wallis
Gesplitst complementair +150° +210°
- BDC2BB
Silky Green
- BFBFC7
≈ Ghost
- C6BDC2
≈ Moon Buggy
Tetradisch +90° +180° +270°
- BDC2BB
Silky Green
- B9C2C6
≈ Distant Star
- C3BEC5
≈ Stately Frills
- C7BEBA
≈ Vast
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.81:1 · APCA Lc 34
Ag
AAAOp zwart
WCAG 11.59:1 · APCA Lc 69
Beste tekstkleur: #000000
WCAG 11.59:1 (AAA) · APCA Lc 69
Contrast pairs
Codefragmenten
CSS
:root {
--silky-green: #bdc2bb;
--silky-green-rgb: 189 194 187;
--silky-green-oklch: oklch(0.808 0.011 136.6);
}
.element {
color: var(--silky-green);
background-color: hsl(103 5% 75%);
border-color: oklch(0.808 0.011 136.6);
}Tailwind CSS v4
@theme {
--color-silky-green: #bdc2bb;
--color-silky-green-50: #f3f6f3;
--color-silky-green-100: #e6e9e5;
--color-silky-green-200: #d2d5d1;
--color-silky-green-300: #b5b9b3;
--color-silky-green-400: #9ba09a;
--color-silky-green-500: #838881;
--color-silky-green-600: #6f736d;
--color-silky-green-700: #585c57;
--color-silky-green-800: #41433f;
--color-silky-green-900: #2d2e2c;
--color-silky-green-950: #1a1b19;
}SCSS
$silky-green: #bdc2bb;
$silky-green-rgb: 189, 194, 187;
$silky-green-light: mix(#fff, $silky-green, 20%);
$silky-green-dark: mix(#000, $silky-green, 20%);
.element {
color: $silky-green;
box-shadow: 0 0 0 2px rgba($silky-green, 0.35);
}