Benoemde kleur · #BFC4C9
Bottlefly Wings
Bottlefly Wings is #BFC4C9: rgb(191 196 201), hsl(210 8% 77%), oklch(0.818 0.009 247.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Bottlefly Wings color name →
#BFC4C9
oklch(0.818 0.009 247.9)
Kleurconversies
- HEX
- #bfc4c9
- RGB
- rgb(191 196 201)
- HSL
- hsl(210 8% 77%)
- HWB
- hwb(210 75% 21%)
- OKLCH
- oklch(0.818 0.009 247.9)
- OKLab
- oklab(0.818 -0.003 -0.008)
- CIE Lab
- lab(78.87 -1.08 -3.15)
- LCH
- lch(78.87 3.33 251.1)
- CMYK
- cmyk(5% 2% 0% 21%)
Tinten · Schaduwen · Tonen
Tinten
- C5CACE
- CCD0D4
- D2D5D9
- D8DBDE
- DFE1E4
- E5E7E9
- EBEDEF
- F2F3F4
- F8F9F9
Schaduwen
- A6AAAE
- 8D9195
- 75787C
- 5E6164
- 484A4C
- 333536
- 1F2122
- 0D0E0F
- 020202
Tonen
- B9BDC1
- B2B6BA
- ACAFB2
- A5A8AB
- 9FA1A4
- 999B9C
- 929495
- 8C8D8E
- 868787
Kleurharmonieën
Complementair +180°
- BFC4C9
Bottlefly Wings
- C7C2BD
≈ Dim
Analoog -30° +30°
- BFC4C9
Bottlefly Wings
- BDC5C7
≈ Icicles
- C2C3C9
≈ Pico Metal
Triadisch +120° +240°
- BFC4C9
Bottlefly Wings
- C9C1C2
≈ White Flag
- C2C5BE
≈ Nickel Plate
Gesplitst complementair +150° +210°
- BFC4C9
Bottlefly Wings
- C9C2BF
≈ White Flag
- C5C3BD
≈ Grey Nickel
Tetradisch +90° +180° +270°
- BFC4C9
Bottlefly Wings
- C7C1C5
≈ Such Melodrama
- C7C2BD
≈ Dim
- BFC5C1
≈ Pewter Tray
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.75:1 · APCA Lc 32
Ag
AAAOp zwart
WCAG 11.95:1 · APCA Lc 71
Beste tekstkleur: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--bottlefly-wings: #bfc4c9;
--bottlefly-wings-rgb: 191 196 201;
--bottlefly-wings-oklch: oklch(0.818 0.009 247.9);
}
.element {
color: var(--bottlefly-wings);
background-color: hsl(210 8% 77%);
border-color: oklch(0.818 0.009 247.9);
}Tailwind CSS v4
@theme {
--color-bottlefly-wings: #bfc4c9;
--color-bottlefly-wings-50: #f3f5f8;
--color-bottlefly-wings-100: #e6e8eb;
--color-bottlefly-wings-200: #d1d4d8;
--color-bottlefly-wings-300: #b4b8bc;
--color-bottlefly-wings-400: #9a9fa4;
--color-bottlefly-wings-500: #82878c;
--color-bottlefly-wings-600: #6e7276;
--color-bottlefly-wings-700: #585b5f;
--color-bottlefly-wings-800: #404345;
--color-bottlefly-wings-900: #2c2e30;
--color-bottlefly-wings-950: #191b1c;
}SCSS
$bottlefly-wings: #bfc4c9;
$bottlefly-wings-rgb: 191, 196, 201;
$bottlefly-wings-light: mix(#fff, $bottlefly-wings, 20%);
$bottlefly-wings-dark: mix(#000, $bottlefly-wings, 20%);
.element {
color: $bottlefly-wings;
box-shadow: 0 0 0 2px rgba($bottlefly-wings, 0.35);
}