Adlandırılmış renk · #95A7A4
Galway Bay
Galway Bay, #95A7A4: rgb(149 167 164), hsl(170 9% 62%), oklch(0.713 0.021 184.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Galway Bay color name →
#95A7A4
oklch(0.713 0.021 184.7)
Renk dönüşümleri
- HEX
- #95a7a4
- RGB
- rgb(149 167 164)
- HSL
- hsl(170 9% 62%)
- HWB
- hwb(170 58% 35%)
- OKLCH
- oklch(0.713 0.021 184.7)
- OKLab
- oklab(0.713 -0.021 -0.002)
- CIE Lab
- lab(67.01 -6.99 -0.7)
- LCH
- lch(67.01 7.03 185.7)
- CMYK
- cmyk(11% 0% 2% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9FAFAD
- A9B8B6
- B4C1BF
- BEC9C7
- C9D2D1
- D4DBDA
- DEE4E3
- E9EDEC
- F4F6F6
Koyu tonlar
- 81918E
- 6D7B79
- 5A6664
- 485250
- 373E3D
- 262C2B
- 161A1A
- 080A0A
- 010101
Gri tonlar
- 93A3A0
- 919F9D
- 8F9B99
- 8D9795
- 8B9392
- 888F8E
- 868C8B
- 848887
- 828484
Renk uyumları
Tamamlayıcı +180°
- 95A7A4
Galway Bay
- AF9DA1
≈ Roaring Twenties
Analog -30° +30°
- 95A7A4
Galway Bay
- 99A79D
≈ Farmers Green
- 95A6AB
≈ Celestra Grey
Üçlü +120° +240°
- 95A7A4
Galway Bay
- A5A0AD
≈ Spun Pearl
- ACA095
≈ Simply Taupe
Bölünmüş tamamlayıcı +150° +210°
- 95A7A4
Galway Bay
- AB9EA8
≈ Laylock
- AF9E9A
≈ Foggy Mauve
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.51:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.34:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--galway-bay: #95a7a4;
--galway-bay-rgb: 149 167 164;
--galway-bay-oklch: oklch(0.713 0.021 184.7);
}
.element {
color: var(--galway-bay);
background-color: hsl(170 9% 62%);
border-color: oklch(0.713 0.021 184.7);
}Tailwind CSS v4
@theme {
--color-galway-bay: #95a7a4;
--color-galway-bay-50: #eff7f6;
--color-galway-bay-100: #e1eae9;
--color-galway-bay-200: #cbd7d5;
--color-galway-bay-300: #acbbb9;
--color-galway-bay-400: #92a3a0;
--color-galway-bay-500: #788b88;
--color-galway-bay-600: #657573;
--color-galway-bay-700: #515e5c;
--color-galway-bay-800: #3b4543;
--color-galway-bay-900: #28302e;
--color-galway-bay-950: #161c1b;
}SCSS
$galway-bay: #95a7a4;
$galway-bay-rgb: 149, 167, 164;
$galway-bay-light: mix(#fff, $galway-bay, 20%);
$galway-bay-dark: mix(#000, $galway-bay, 20%);
.element {
color: $galway-bay;
box-shadow: 0 0 0 2px rgba($galway-bay, 0.35);
}