Color con nombre · #BFC0AB
Kidnapper
Kidnapper es #BFC0AB: rgb(191 192 171), hsl(63 14% 71%), oklch(0.801 0.029 109.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Kidnapper color name →
#BFC0AB
oklch(0.801 0.029 109.3)
Conversiones de color
- HEX
- #bfc0ab
- RGB
- rgb(191 192 171)
- HSL
- hsl(63 14% 71%)
- HWB
- hwb(63 67% 25%)
- OKLCH
- oklch(0.801 0.029 109.3)
- OKLab
- oklab(0.801 -0.01 0.027)
- CIE Lab
- lab(77.19 -3.1 10.51)
- LCH
- lch(77.19 10.96 106.5)
- CMYK
- cmyk(1% 0% 11% 25%)
Tintes · Sombras · Tonos
Tintes
- C5C6B3
- CBCCBB
- D2D3C4
- D8D9CC
- DFDFD4
- E5E5DD
- EBECE5
- F2F2EE
- F8F9F6
Sombras
- A6A794
- 8D8E7E
- 757668
- 5E5F54
- 484940
- 33342D
- 1F201B
- 0D0E0B
- 020201
Tonos
- B8B9A7
- B2B3A2
- ACAC9E
- A5A69A
- 9F9F95
- 999991
- 92938D
- 8C8C89
- 868684
Armonías de color
Complementario +180°
- BFC0AB
Kidnapper
- BDBBD0
≈ Blue Haze
Análogo -30° +30°
- BFC0AB
Kidnapper
- C8BCAA
≈ Seagull Wail
- B5C3B1
≈ Belize Green
Triádico +120° +240°
- BFC0AB
Kidnapper
- ACC2CD
≈ Boot Cut
- CDB7C1
≈ Mauve Finery
Complementario dividido +150° +210°
- BFC0AB
Kidnapper
- B3BFD1
≈ Snow Flurries
- C7B9CA
≈ Ballad
Tetrádico +90° +180° +270°
- BFC0AB
Kidnapper
- AAC4C5
≈ Blende Blue
- BDBBD0
≈ Blue Haze
- D0B7B7
≈ Rose Stain
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.85:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.34:1 · APCA Lc 68
Mejor color de texto: #000000
WCAG 11.34:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmentos de código
CSS
:root {
--kidnapper: #bfc0ab;
--kidnapper-rgb: 191 192 171;
--kidnapper-oklch: oklch(0.801 0.029 109.3);
}
.element {
color: var(--kidnapper);
background-color: hsl(63 14% 71%);
border-color: oklch(0.801 0.029 109.3);
}Tailwind CSS v4
@theme {
--color-kidnapper: #bfc0ab;
--color-kidnapper-50: #f5f6ed;
--color-kidnapper-100: #e8e9de;
--color-kidnapper-200: #d4d6c8;
--color-kidnapper-300: #b7b9a8;
--color-kidnapper-400: #9fa08d;
--color-kidnapper-500: #878872;
--color-kidnapper-600: #727361;
--color-kidnapper-700: #5b5c4d;
--color-kidnapper-800: #434338;
--color-kidnapper-900: #2e2e26;
--color-kidnapper-950: #1b1b15;
}SCSS
$kidnapper: #bfc0ab;
$kidnapper-rgb: 191, 192, 171;
$kidnapper-light: mix(#fff, $kidnapper, 20%);
$kidnapper-dark: mix(#000, $kidnapper, 20%);
.element {
color: $kidnapper;
box-shadow: 0 0 0 2px rgba($kidnapper, 0.35);
}