Warna bernama · #BFC0AB
Kidnapper
Kidnapper adalah #BFC0AB: rgb(191 192 171), hsl(63 14% 71%), oklch(0.801 0.029 109.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Kidnapper color name →
#BFC0AB
oklch(0.801 0.029 109.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C5C6B3
- CBCCBB
- D2D3C4
- D8D9CC
- DFDFD4
- E5E5DD
- EBECE5
- F2F2EE
- F8F9F6
Shade
- A6A794
- 8D8E7E
- 757668
- 5E5F54
- 484940
- 33342D
- 1F201B
- 0D0E0B
- 020201
Tone
- B8B9A7
- B2B3A2
- ACAC9E
- A5A69A
- 9F9F95
- 999991
- 92938D
- 8C8C89
- 868684
Harmoni warna
Komplementer +180°
- BFC0AB
Kidnapper
- BDBBD0
≈ Blue Haze
Analog -30° +30°
- BFC0AB
Kidnapper
- C8BCAA
≈ Seagull Wail
- B5C3B1
≈ Belize Green
Triadik +120° +240°
- BFC0AB
Kidnapper
- ACC2CD
≈ Boot Cut
- CDB7C1
≈ Mauve Finery
Split-komplementer +150° +210°
- BFC0AB
Kidnapper
- B3BFD1
≈ Snow Flurries
- C7B9CA
≈ Ballad
Tetradik +90° +180° +270°
- BFC0AB
Kidnapper
- AAC4C5
≈ Blende Blue
- BDBBD0
≈ Blue Haze
- D0B7B7
≈ Rose Stain
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.85:1 · APCA Lc 35
Ag
AAADi atas hitam
WCAG 11.34:1 · APCA Lc 68
Warna teks terbaik: #000000
WCAG 11.34:1 (AAA) · APCA Lc 68
Contrast pairs
Cuplikan kode
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);
}