Named color · #B5ACB7
Audition
Audition is #B5ACB7: rgb(181 172 183), hsl(289 7% 70%), oklch(0.755 0.018 320.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Audition color name →
#B5ACB7
oklch(0.755 0.018 320.1)
Color conversions
- HEX
- #b5acb7
- RGB
- rgb(181 172 183)
- HSL
- hsl(289 7% 70%)
- HWB
- hwb(289 67% 28%)
- OKLCH
- oklch(0.755 0.018 320.1)
- OKLab
- oklab(0.755 0.014 -0.012)
- CIE Lab
- lab(71.37 4.85 -4.44)
- LCH
- lch(71.37 6.58 317.5)
- CMYK
- cmyk(1% 6% 0% 28%)
Tints · Shades · Tones
Tints
- BCB4BE
- C3BCC5
- CBC4CC
- D2CCD3
- D9D5DA
- E1DDE2
- E8E5E9
- F0EEF0
- F7F6F8
Shades
- 9D959F
- 867F87
- 6F6970
- 59545A
- 444045
- 302D31
- 1D1B1E
- 0C0B0C
- 020102
Tones
- B0A8B1
- AAA3AC
- A59FA6
- 9F9AA1
- 9A969B
- 959196
- 908D90
- 8A898B
- 858485
Color harmonies
Complementary +180°
- B5ACB7
Audition
- AAB3A8
≈ Alpine Air
Analogous -30° +30°
- B5ACB7
Audition
- AFAEBB
≈ Canyon Cloud
- B9ABB1
≈ Lavender Cloud
Triadic +120° +240°
- B5ACB7
Audition
- B6AFA3
≈ Marshy Habitat
- A3B3B4
≈ Marine Layer
Split-complementary +150° +210°
- B5ACB7
Audition
- B0B1A4
≈ Pebble Walk
- A5B4AE
≈ Frozen Pond
Tetradic +90° +180° +270°
- B5ACB7
Audition
- BAADA5
≈ Taupedo
- AAB3A8
≈ Alpine Air
- A4B2B9
≈ Porch Ceiling
Contrast & accessibility
Ag
FailOn white
WCAG 2.19:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.54:1 · APCA Lc 59
Best text color: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Code snippets
CSS
:root {
--audition: #b5acb7;
--audition-rgb: 181 172 183;
--audition-oklch: oklch(0.755 0.018 320.1);
}
.element {
color: var(--audition);
background-color: hsl(289 7% 70%);
border-color: oklch(0.755 0.018 320.1);
}Tailwind CSS v4
@theme {
--color-audition: #b5acb7;
--color-audition-50: #f8f3f8;
--color-audition-100: #ebe6ec;
--color-audition-200: #d8d2d9;
--color-audition-300: #bcb4bd;
--color-audition-400: #a39ba5;
--color-audition-500: #8c828e;
--color-audition-600: #766e78;
--color-audition-700: #5f5860;
--color-audition-800: #454047;
--color-audition-900: #302c31;
--color-audition-950: #1c191d;
}SCSS
$audition: #b5acb7;
$audition-rgb: 181, 172, 183;
$audition-light: mix(#fff, $audition, 20%);
$audition-dark: mix(#000, $audition, 20%);
.element {
color: $audition;
box-shadow: 0 0 0 2px rgba($audition, 0.35);
}