Benannte Farbe · #BBAAA5
Embarrassed Shadow
Embarrassed Shadow ist #BBAAA5: rgb(187 170 165), hsl(14 14% 69%), oklch(0.751 0.021 37). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Embarrassed Shadow color name →
#BBAAA5
oklch(0.751 0.021 37)
Farbumrechnungen
- HEX
- #bbaaa5
- RGB
- rgb(187 170 165)
- HSL
- hsl(14 14% 69%)
- HWB
- hwb(14 65% 27%)
- OKLCH
- oklch(0.751 0.021 37)
- OKLab
- oklab(0.751 0.017 0.013)
- CIE Lab
- lab(70.98 5.71 4.93)
- LCH
- lch(70.98 7.54 40.8)
- CMYK
- cmyk(0% 9% 12% 27%)
Tints · Shades · Tones
Tints
- C2B2AE
- C8BBB6
- CFC3BF
- D6CBC8
- DDD4D1
- E3DCDA
- EAE5E3
- F1EEEC
- F8F6F6
Shades
- A2938F
- 8A7D79
- 736865
- 5C5351
- 463F3D
- 322D2B
- 1F1B1A
- 0D0B0A
- 020101
Tones
- B5A6A1
- AFA19D
- A99D9A
- A39996
- 9D9592
- 97918F
- 918C8B
- 8C8887
- 868484
Farbharmonien
Komplementär +180°
- BBAAA5
Embarrassed Shadow
- A0B2B7
≈ Ovation
Analog -30° +30°
- BBAAA5
Embarrassed Shadow
- BBA9AC
≈ Pale Poppy
- B8ACA1
≈ Koala
Triadisch +120° +240°
- BBAAA5
Embarrassed Shadow
- A4B3A9
≈ Dreamcatcher
- ABADBC
≈ Eclectic
Geteilt komplementär +150° +210°
- BBAAA5
Embarrassed Shadow
- A0B3B0
≈ Conch
- A4B0BB
≈ Peace
Tetradisch +90° +180° +270°
- BBAAA5
Embarrassed Shadow
- ABB1A3
≈ Montezuma Hills
- A0B2B7
≈ Ovation
- B2ABB9
≈ Chatelle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.23:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.40:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.40:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--embarrassed-shadow: #bbaaa5;
--embarrassed-shadow-rgb: 187 170 165;
--embarrassed-shadow-oklch: oklch(0.751 0.021 37);
}
.element {
color: var(--embarrassed-shadow);
background-color: hsl(14 14% 69%);
border-color: oklch(0.751 0.021 37);
}Tailwind CSS v4
@theme {
--color-embarrassed-shadow: #bbaaa5;
--color-embarrassed-shadow-50: #fbf3f1;
--color-embarrassed-shadow-100: #efe6e3;
--color-embarrassed-shadow-200: #ddd1ce;
--color-embarrassed-shadow-300: #c2b4b0;
--color-embarrassed-shadow-400: #aa9a96;
--color-embarrassed-shadow-500: #93827c;
--color-embarrassed-shadow-600: #7d6e69;
--color-embarrassed-shadow-700: #645854;
--color-embarrassed-shadow-800: #49403d;
--color-embarrassed-shadow-900: #332c2a;
--color-embarrassed-shadow-950: #1f1918;
}SCSS
$embarrassed-shadow: #bbaaa5;
$embarrassed-shadow-rgb: 187, 170, 165;
$embarrassed-shadow-light: mix(#fff, $embarrassed-shadow, 20%);
$embarrassed-shadow-dark: mix(#000, $embarrassed-shadow, 20%);
.element {
color: $embarrassed-shadow;
box-shadow: 0 0 0 2px rgba($embarrassed-shadow, 0.35);
}