Nazwany kolor · #AFBFC9
Liberty Grey
Liberty Grey to #AFBFC9: rgb(175 191 201), hsl(203 19% 74%), oklch(0.795 0.023 235.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Liberty Grey color name →
#AFBFC9
oklch(0.795 0.023 235.1)
Konwersje koloru
- HEX
- #afbfc9
- RGB
- rgb(175 191 201)
- HSL
- hsl(203 19% 74%)
- HWB
- hwb(203 69% 21%)
- OKLCH
- oklch(0.795 0.023 235.1)
- OKLab
- oklab(0.795 -0.013 -0.019)
- CIE Lab
- lab(76.33 -4.17 -7.03)
- LCH
- lch(76.33 8.17 239.3)
- CMYK
- cmyk(13% 5% 0% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B7C5CE
- BFCCD4
- C7D2D9
- CED8DE
- D6DFE4
- DEE5E9
- E7EBEF
- EFF2F4
- F7F8FA
Odcienie ciemniejsze
- 98A6AE
- 818D95
- 6B757C
- 565E64
- 41484C
- 2E3336
- 1C1F22
- 0B0D0F
- 010202
Tony
- AAB9C1
- A5B2BA
- A1ACB3
- 9CA5AB
- 979FA4
- 93999D
- 8E9295
- 898C8E
- 858687
Harmonie kolorów
Komplementarna +180°
- AFBFC9
Liberty Grey
- C8B9AF
≈ Legendary
Analogowa -30° +30°
- AFBFC9
Liberty Grey
- ACC1C3
≈ Bleu Clair
- B5BCCB
≈ Blunt
Triada +120° +240°
- AFBFC9
Liberty Grey
- C9B7BD
≈ High Society
- BBBEAE
≈ Dry Catmint
Komplementarna rozszczepiona +150° +210°
- AFBFC9
Liberty Grey
- CBB7B5
≈ Subdue Red
- C3BBAC
≈ Sierra Madre
Tetrada +90° +180° +270°
- AFBFC9
Liberty Grey
- C4B8C4
≈ Pocketful of Posies
- C8B9AF
≈ Legendary
- B4C0B4
≈ Irish Moor
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.88:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.11:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--liberty-grey: #afbfc9;
--liberty-grey-rgb: 175 191 201;
--liberty-grey-oklch: oklch(0.795 0.023 235.1);
}
.element {
color: var(--liberty-grey);
background-color: hsl(203 19% 74%);
border-color: oklch(0.795 0.023 235.1);
}Tailwind CSS v4
@theme {
--color-liberty-grey: #afbfc9;
--color-liberty-grey-50: #eff6fb;
--color-liberty-grey-100: #e1e9ef;
--color-liberty-grey-200: #ccd6dd;
--color-liberty-grey-300: #adb9c2;
--color-liberty-grey-400: #92a1aa;
--color-liberty-grey-500: #788993;
--color-liberty-grey-600: #66747d;
--color-liberty-grey-700: #515d64;
--color-liberty-grey-800: #3b4449;
--color-liberty-grey-900: #282f33;
--color-liberty-grey-950: #161b1e;
}SCSS
$liberty-grey: #afbfc9;
$liberty-grey-rgb: 175, 191, 201;
$liberty-grey-light: mix(#fff, $liberty-grey, 20%);
$liberty-grey-dark: mix(#000, $liberty-grey, 20%);
.element {
color: $liberty-grey;
box-shadow: 0 0 0 2px rgba($liberty-grey, 0.35);
}