Nazwany kolor · #BAB6CB
Axis
Axis to #BAB6CB: rgb(186 182 203), hsl(251 17% 75%), oklch(0.786 0.03 294.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Axis color name →
#BAB6CB
oklch(0.786 0.03 294.4)
Konwersje koloru
- HEX
- #bab6cb
- RGB
- rgb(186 182 203)
- HSL
- hsl(251 17% 75%)
- HWB
- hwb(251 71% 20%)
- OKLCH
- oklch(0.786 0.03 294.4)
- OKLab
- oklab(0.786 0.012 -0.027)
- CIE Lab
- lab(74.88 4.48 -10.13)
- LCH
- lch(74.88 11.07 293.9)
- CMYK
- cmyk(8% 10% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C1BDD0
- C7C4D5
- CECBDA
- D5D3E0
- DCDAE5
- E3E1EA
- EAE9EF
- F1F0F5
- F8F8FA
Odcienie ciemniejsze
- A19EB0
- 898696
- 726F7D
- 5C5965
- 46444D
- 323037
- 1E1D22
- 0D0C0F
- 020202
Tony
- B4B0C3
- AEABBC
- A8A5B4
- A2A0AC
- 9C9BA5
- 97959D
- 919096
- 8B8B8F
- 868587
Harmonie kolorów
Komplementarna +180°
- BAB6CB
Axis
- B8BCA6
≈ Softened Green
Analogowa -30° +30°
- BAB6CB
Axis
- B0BACD
≈ Heritage
- C3B3C4
≈ Really Romantic
Triada +120° +240°
- BAB6CB
Axis
- C9B5A8
≈ River Clay
- A7C0B8
≈ Harbour Grey
Komplementarna rozszczepiona +150° +210°
- BAB6CB
Axis
- C2B8A4
≈ Pasha Brown
- AEBFAE
≈ Cottage Charm
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.97:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.64:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--axis: #bab6cb;
--axis-rgb: 186 182 203;
--axis-oklch: oklch(0.786 0.03 294.4);
}
.element {
color: var(--axis);
background-color: hsl(251 17% 75%);
border-color: oklch(0.786 0.03 294.4);
}Tailwind CSS v4
@theme {
--color-axis: #bab6cb;
--color-axis-50: #f6f4fd;
--color-axis-100: #e8e6f1;
--color-axis-200: #d5d2e0;
--color-axis-300: #b8b5c5;
--color-axis-400: #9f9baf;
--color-axis-500: #878398;
--color-axis-600: #726f81;
--color-axis-700: #5b5867;
--color-axis-800: #42414c;
--color-axis-900: #2e2d35;
--color-axis-950: #1b1a20;
}SCSS
$axis: #bab6cb;
$axis-rgb: 186, 182, 203;
$axis-light: mix(#fff, $axis, 20%);
$axis-dark: mix(#000, $axis, 20%);
.element {
color: $axis;
box-shadow: 0 0 0 2px rgba($axis, 0.35);
}