Benoemde kleur · #B7B698
Disguise
Disguise is #B7B698: rgb(183 182 152), hsl(58 18% 66%), oklch(0.769 0.041 105.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Disguise color name →
#B7B698
oklch(0.769 0.041 105.8)
Kleurconversies
- HEX
- #b7b698
- RGB
- rgb(183 182 152)
- HSL
- hsl(58 18% 66%)
- HWB
- hwb(58 60% 28%)
- OKLCH
- oklch(0.769 0.041 105.8)
- OKLab
- oklab(0.769 -0.011 0.04)
- CIE Lab
- lab(73.53 -3.44 15.49)
- LCH
- lch(73.53 15.86 102.5)
- CMYK
- cmyk(0% 1% 17% 28%)
Tinten · Schaduwen · Tonen
Tinten
- BEBDA2
- C5C4AC
- CCCCB6
- D3D3C0
- DADACB
- E2E1D5
- E9E9DF
- F0F0EA
- F8F8F4
Schaduwen
- 9F9E84
- 878670
- 706F5C
- 5A594A
- 454438
- 313027
- 1E1D17
- 0C0C08
- 020201
Tonen
- B1B096
- ACAB93
- A6A691
- A1A08F
- 9B9B8C
- 96958A
- 909087
- 8B8B85
- 858582
Kleurharmonieën
Complementair +180°
- B7B698
Disguise
- B1B1CE
≈ Lavender Dream
Analoog -30° +30°
- B7B698
Disguise
- C4B197
≈ Tender Taupe
- A9BAA0
≈ Laurel Green
Triadisch +120° +240°
- B7B698
Disguise
- 99BAC8
≈ Sydney Harbour
- C8AABA
≈ Fragrant Lilac
Gesplitst complementair +150° +210°
- B7B698
Disguise
- A3B6CF
≈ Minuet
- BEACC6
≈ Fancy Pansy
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.06:1 · APCA Lc 40
Ag
AAAOp zwart
WCAG 10.15:1 · APCA Lc 62
Beste tekstkleur: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Codefragmenten
CSS
:root {
--disguise: #b7b698;
--disguise-rgb: 183 182 152;
--disguise-oklch: oklch(0.769 0.041 105.8);
}
.element {
color: var(--disguise);
background-color: hsl(58 18% 66%);
border-color: oklch(0.769 0.041 105.8);
}Tailwind CSS v4
@theme {
--color-disguise: #b7b698;
--color-disguise-50: #f6f6e9;
--color-disguise-100: #e9e9da;
--color-disguise-200: #d6d6c2;
--color-disguise-300: #b9b9a1;
--color-disguise-400: #a1a084;
--color-disguise-500: #898869;
--color-disguise-600: #747359;
--color-disguise-700: #5d5c47;
--color-disguise-800: #454333;
--color-disguise-900: #2f2e22;
--color-disguise-950: #1c1b12;
}SCSS
$disguise: #b7b698;
$disguise-rgb: 183, 182, 152;
$disguise-light: mix(#fff, $disguise, 20%);
$disguise-dark: mix(#000, $disguise, 20%);
.element {
color: $disguise;
box-shadow: 0 0 0 2px rgba($disguise, 0.35);
}