Nazwany kolor · #A4ADB0
Gull Grey
Gull Grey to #A4ADB0: rgb(164 173 176), hsl(195 7% 67%), oklch(0.741 0.011 219.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Gull Grey color name →
#A4ADB0
oklch(0.741 0.011 219.6)
Konwersje koloru
- HEX
- #a4adb0
- RGB
- rgb(164 173 176)
- HSL
- hsl(195 7% 67%)
- HWB
- hwb(195 64% 31%)
- OKLCH
- oklch(0.741 0.011 219.6)
- OKLab
- oklab(0.741 -0.009 -0.007)
- CIE Lab
- lab(70.07 -2.83 -2.7)
- LCH
- lch(70.07 3.91 223.6)
- CMYK
- cmyk(7% 2% 0% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ADB5B8
- B6BDBF
- BFC5C7
- C8CDCF
- D1D5D7
- DADEDF
- E3E6E7
- ECEEEF
- F6F7F7
Odcienie ciemniejsze
- 8E9699
- 797F82
- 646A6C
- 505556
- 3D4142
- 2B2D2E
- 1A1B1C
- 0A0B0B
- 010101
Tony
- A0A8AB
- 9DA4A6
- 999FA1
- 959B9C
- 929698
- 8E9293
- 8B8D8E
- 878989
- 848485
Harmonie kolorów
Komplementarna +180°
- A4ADB0
Gull Grey
- B2A9A6
≈ Matte Grey
Analogowa -30° +30°
- A4ADB0
Gull Grey
- A4AEAD
≈ Silver Screen
- A6ACB2
≈ Gull Grey
Triada +120° +240°
- A4ADB0
Gull Grey
- B0A9AD
≈ Stamina
- ADABA4
≈ City Tower
Komplementarna rozszczepiona +150° +210°
- A4ADB0
Gull Grey
- B2A8AA
≈ Smoky Mountain
- B0AAA4
≈ Stingray Grey
Tetrada +90° +180° +270°
- A4ADB0
Gull Grey
- ADA9B1
≈ Sylph
- B2A9A6
≈ Matte Grey
- A9ADA5
≈ Light Drizzle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.18:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--gull-grey: #a4adb0;
--gull-grey-rgb: 164 173 176;
--gull-grey-oklch: oklch(0.741 0.011 219.6);
}
.element {
color: var(--gull-grey);
background-color: hsl(195 7% 67%);
border-color: oklch(0.741 0.011 219.6);
}Tailwind CSS v4
@theme {
--color-gull-grey: #a4adb0;
--color-gull-grey-50: #f2f6f7;
--color-gull-grey-100: #e4e9ea;
--color-gull-grey-200: #cfd5d8;
--color-gull-grey-300: #b2b9bb;
--color-gull-grey-400: #98a0a3;
--color-gull-grey-500: #7f888b;
--color-gull-grey-600: #6b7376;
--color-gull-grey-700: #565c5e;
--color-gull-grey-800: #3e4345;
--color-gull-grey-900: #2b2f30;
--color-gull-grey-950: #181b1c;
}SCSS
$gull-grey: #a4adb0;
$gull-grey-rgb: 164, 173, 176;
$gull-grey-light: mix(#fff, $gull-grey, 20%);
$gull-grey-dark: mix(#000, $gull-grey, 20%);
.element {
color: $gull-grey;
box-shadow: 0 0 0 2px rgba($gull-grey, 0.35);
}