Adlandırılmış renk · #A4ADB0
Gull Grey
Gull Grey, #A4ADB0: rgb(164 173 176), hsl(195 7% 67%), oklch(0.741 0.011 219.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Gull Grey color name →
#A4ADB0
oklch(0.741 0.011 219.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ADB5B8
- B6BDBF
- BFC5C7
- C8CDCF
- D1D5D7
- DADEDF
- E3E6E7
- ECEEEF
- F6F7F7
Koyu tonlar
- 8E9699
- 797F82
- 646A6C
- 505556
- 3D4142
- 2B2D2E
- 1A1B1C
- 0A0B0B
- 010101
Gri tonlar
- A0A8AB
- 9DA4A6
- 999FA1
- 959B9C
- 929698
- 8E9293
- 8B8D8E
- 878989
- 848485
Renk uyumları
Tamamlayıcı +180°
- A4ADB0
Gull Grey
- B2A9A6
≈ Matte Grey
Analog -30° +30°
- A4ADB0
Gull Grey
- A4AEAD
≈ Silver Screen
- A6ACB2
≈ Gull Grey
Üçlü +120° +240°
- A4ADB0
Gull Grey
- B0A9AD
≈ Stamina
- ADABA4
≈ City Tower
Bölünmüş tamamlayıcı +150° +210°
- A4ADB0
Gull Grey
- B2A8AA
≈ Smoky Mountain
- B0AAA4
≈ Stingray Grey
Dörtlü +90° +180° +270°
- A4ADB0
Gull Grey
- ADA9B1
≈ Sylph
- B2A9A6
≈ Matte Grey
- A9ADA5
≈ Light Drizzle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.28:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.18:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
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);
}