Nazwany kolor · #95A7A4
Galway Bay
Galway Bay to #95A7A4: rgb(149 167 164), hsl(170 9% 62%), oklch(0.713 0.021 184.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Galway Bay color name →
#95A7A4
oklch(0.713 0.021 184.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9FAFAD
- A9B8B6
- B4C1BF
- BEC9C7
- C9D2D1
- D4DBDA
- DEE4E3
- E9EDEC
- F4F6F6
Odcienie ciemniejsze
- 81918E
- 6D7B79
- 5A6664
- 485250
- 373E3D
- 262C2B
- 161A1A
- 080A0A
- 010101
Tony
- 93A3A0
- 919F9D
- 8F9B99
- 8D9795
- 8B9392
- 888F8E
- 868C8B
- 848887
- 828484
Harmonie kolorów
Komplementarna +180°
- 95A7A4
Galway Bay
- AF9DA1
≈ Roaring Twenties
Analogowa -30° +30°
- 95A7A4
Galway Bay
- 99A79D
≈ Farmers Green
- 95A6AB
≈ Celestra Grey
Triada +120° +240°
- 95A7A4
Galway Bay
- A5A0AD
≈ Spun Pearl
- ACA095
≈ Simply Taupe
Komplementarna rozszczepiona +150° +210°
- 95A7A4
Galway Bay
- AB9EA8
≈ Laylock
- AF9E9A
≈ Foggy Mauve
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.51:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.34:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
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);
}