Benannte Farbe · #B7B5B1
Kitty Whiskers
Kitty Whiskers ist #B7B5B1: rgb(183 181 177), hsl(40 4% 71%), oklch(0.774 0.006 84.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Kitty Whiskers color name →
#B7B5B1
oklch(0.774 0.006 84.6)
Farbumrechnungen
- HEX
- #b7b5b1
- RGB
- rgb(183 181 177)
- HSL
- hsl(40 4% 71%)
- HWB
- hwb(40 69% 28%)
- OKLCH
- oklch(0.774 0.006 84.6)
- OKLab
- oklab(0.774 0.001 0.006)
- CIE Lab
- lab(73.76 0.18 2.31)
- LCH
- lch(73.76 2.31 85.4)
- CMYK
- cmyk(0% 1% 3% 28%)
Tints · Shades · Tones
Tints
- BEBCB9
- C5C3C0
- CCCBC8
- D3D2D0
- DAD9D7
- E2E1DF
- E9E8E7
- F0F0EF
- F8F7F7
Shades
- 9F9D99
- 878683
- 706F6C
- 5A5957
- 454442
- 31302F
- 1E1D1C
- 0C0C0C
- 020201
Tones
- B1B0AC
- ACAAA7
- A6A5A2
- A19F9D
- 9B9A98
- 969593
- 90908E
- 8B8A8A
- 858585
Farbharmonien
Komplementär +180°
- B7B5B1
Kitty Whiskers
- B3B5B9
≈ Silver Bullet
Analog -30° +30°
- B7B5B1
Kitty Whiskers
- B9B4B2
≈ Grey Marble
- B5B6B1
≈ Mud Pots
Triadisch +120° +240°
- B7B5B1
Kitty Whiskers
- B1B6B7
≈ Online
- B7B4B7
≈ Silver Bells
Geteilt komplementär +150° +210°
- B7B5B1
Kitty Whiskers
- B2B6B9
≈ Wolfram
- B5B5B9
≈ Silver Bullet
Tetradisch +90° +180° +270°
- B7B5B1
Kitty Whiskers
- B2B7B5
≈ Swag Bag Silver
- B3B5B9
≈ Silver Bullet
- B9B4B5
≈ Silver Bells
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.04:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.25:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.25:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--kitty-whiskers: #b7b5b1;
--kitty-whiskers-rgb: 183 181 177;
--kitty-whiskers-oklch: oklch(0.774 0.006 84.6);
}
.element {
color: var(--kitty-whiskers);
background-color: hsl(40 4% 71%);
border-color: oklch(0.774 0.006 84.6);
}Tailwind CSS v4
@theme {
--color-kitty-whiskers: #b7b5b1;
--color-kitty-whiskers-50: #f6f5f3;
--color-kitty-whiskers-100: #e9e8e6;
--color-kitty-whiskers-200: #d5d4d1;
--color-kitty-whiskers-300: #b9b7b4;
--color-kitty-whiskers-400: #a09e9a;
--color-kitty-whiskers-500: #888682;
--color-kitty-whiskers-600: #73716e;
--color-kitty-whiskers-700: #5c5b58;
--color-kitty-whiskers-800: #434240;
--color-kitty-whiskers-900: #2e2e2c;
--color-kitty-whiskers-950: #1b1a19;
}SCSS
$kitty-whiskers: #b7b5b1;
$kitty-whiskers-rgb: 183, 181, 177;
$kitty-whiskers-light: mix(#fff, $kitty-whiskers, 20%);
$kitty-whiskers-dark: mix(#000, $kitty-whiskers, 20%);
.element {
color: $kitty-whiskers;
box-shadow: 0 0 0 2px rgba($kitty-whiskers, 0.35);
}