Nazwany kolor · #A0B1AE
Conch
Conch to #A0B1AE: rgb(160 177 174), hsl(169 10% 66%), oklch(0.746 0.019 184.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Conch color name →
#A0B1AE
oklch(0.746 0.019 184.1)
Konwersje koloru
- HEX
- #a0b1ae
- RGB
- rgb(160 177 174)
- HSL
- hsl(169 10% 66%)
- HWB
- hwb(169 63% 31%)
- OKLCH
- oklch(0.746 0.019 184.1)
- OKLab
- oklab(0.746 -0.019 -0.001)
- CIE Lab
- lab(70.81 -6.57 -0.58)
- LCH
- lch(70.81 6.59 185.1)
- CMYK
- cmyk(10% 0% 2% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A9B9B6
- B2C0BE
- BCC8C6
- C5D0CE
- CFD7D6
- D8DFDE
- E2E7E6
- EBEFEE
- F5F7F7
Odcienie ciemniejsze
- 8B9997
- 768380
- 616C6A
- 4E5755
- 3B4241
- 292F2E
- 191C1C
- 090C0B
- 010101
Tony
- 9DACA9
- 9AA7A5
- 96A2A0
- 939D9B
- 909897
- 8D9392
- 8A8E8E
- 868A89
- 838584
Harmonie kolorów
Komplementarna +180°
- A0B1AE
Conch
- B8A8AB
≈ Ramadi Grey
Analogowa -30° +30°
- A0B1AE
Conch
- A4B1A7
≈ Dreamcatcher
- A0B0B4
≈ Aqua-Sphere
Triada +120° +240°
- A0B1AE
Conch
- AFAAB7
≈ Lilac Bloom
- B6AAA0
≈ Perfect Greige
Komplementarna rozszczepiona +150° +210°
- A0B1AE
Conch
- B5A8B2
≈ Resplendent
- B9A9A5
≈ Winter Cocoa
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.23:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.39:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.39:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--conch: #a0b1ae;
--conch-rgb: 160 177 174;
--conch-oklch: oklch(0.746 0.019 184.1);
}
.element {
color: var(--conch);
background-color: hsl(169 10% 66%);
border-color: oklch(0.746 0.019 184.1);
}Tailwind CSS v4
@theme {
--color-conch: #a0b1ae;
--color-conch-50: #eff7f6;
--color-conch-100: #e1eae9;
--color-conch-200: #ccd7d5;
--color-conch-300: #adbbb9;
--color-conch-400: #92a2a0;
--color-conch-500: #798b87;
--color-conch-600: #667573;
--color-conch-700: #525e5c;
--color-conch-800: #3b4543;
--color-conch-900: #292f2e;
--color-conch-950: #171c1b;
}SCSS
$conch: #a0b1ae;
$conch-rgb: 160, 177, 174;
$conch-light: mix(#fff, $conch, 20%);
$conch-dark: mix(#000, $conch, 20%);
.element {
color: $conch;
box-shadow: 0 0 0 2px rgba($conch, 0.35);
}