Nazwany kolor · #B5ACB7
Audition
Audition to #B5ACB7: rgb(181 172 183), hsl(289 7% 70%), oklch(0.755 0.018 320.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Audition color name →
#B5ACB7
oklch(0.755 0.018 320.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCB4BE
- C3BCC5
- CBC4CC
- D2CCD3
- D9D5DA
- E1DDE2
- E8E5E9
- F0EEF0
- F7F6F8
Odcienie ciemniejsze
- 9D959F
- 867F87
- 6F6970
- 59545A
- 444045
- 302D31
- 1D1B1E
- 0C0B0C
- 020102
Tony
- B0A8B1
- AAA3AC
- A59FA6
- 9F9AA1
- 9A969B
- 959196
- 908D90
- 8A898B
- 858485
Harmonie kolorów
Komplementarna +180°
- B5ACB7
Audition
- AAB3A8
≈ Alpine Air
Analogowa -30° +30°
- B5ACB7
Audition
- AFAEBB
≈ Canyon Cloud
- B9ABB1
≈ Lavender Cloud
Triada +120° +240°
- B5ACB7
Audition
- B6AFA3
≈ Marshy Habitat
- A3B3B4
≈ Marine Layer
Komplementarna rozszczepiona +150° +210°
- B5ACB7
Audition
- B0B1A4
≈ Pebble Walk
- A5B4AE
≈ Frozen Pond
Tetrada +90° +180° +270°
- B5ACB7
Audition
- BAADA5
≈ Taupedo
- AAB3A8
≈ Alpine Air
- A4B2B9
≈ Porch Ceiling
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.19:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.54:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
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);
}