Benannte Farbe · #95A69F
Galago
Galago ist #95A69F: rgb(149 166 159), hsl(155 9% 62%), oklch(0.71 0.022 169.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Galago color name →
#95A69F
oklch(0.71 0.022 169.1)
Farbumrechnungen
- HEX
- #95a69f
- RGB
- rgb(149 166 159)
- HSL
- hsl(155 9% 62%)
- HWB
- hwb(155 58% 35%)
- OKLCH
- oklch(0.71 0.022 169.1)
- OKLab
- oklab(0.71 -0.021 0.004)
- CIE Lab
- lab(66.62 -7.24 1.49)
- LCH
- lch(66.62 7.39 168.3)
- CMYK
- cmyk(10% 0% 4% 35%)
Tints · Shades · Tones
Tints
- 9FAFA8
- A9B7B2
- B4C0BB
- BEC9C4
- C9D2CE
- D4DBD8
- DEE4E1
- E9EDEB
- F4F6F5
Shades
- 81908A
- 6D7A75
- 5A6561
- 48514D
- 373E3B
- 262B29
- 161A18
- 080A09
- 010101
Tones
- 93A29C
- 919E99
- 8F9A96
- 8D9792
- 8B938F
- 888F8C
- 868B89
- 848786
- 828483
Farbharmonien
Komplementär +180°
- 95A69F
Galago
- AD9CA3
≈ Laylock
Analog -30° +30°
- 95A69F
Galago
- 9BA598
≈ Green Trellis
- 93A6A6
≈ Mythical Blue
Triadisch +120° +240°
- 95A69F
Galago
- A19FAE
≈ Santas Grey
- AD9E96
≈ Truly Taupe
Geteilt komplementär +150° +210°
- 95A69F
Galago
- A79DAA
≈ Goose Wing Grey
- AF9C9C
≈ Powdered Brick
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.55:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.23:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--galago: #95a69f;
--galago-rgb: 149 166 159;
--galago-oklch: oklch(0.71 0.022 169.1);
}
.element {
color: var(--galago);
background-color: hsl(155 9% 62%);
border-color: oklch(0.71 0.022 169.1);
}Tailwind CSS v4
@theme {
--color-galago: #95a69f;
--color-galago-50: #eff7f4;
--color-galago-100: #e1eae7;
--color-galago-200: #ccd7d3;
--color-galago-300: #adbbb6;
--color-galago-400: #93a39c;
--color-galago-500: #798b84;
--color-galago-600: #66766f;
--color-galago-700: #525e59;
--color-galago-800: #3c4541;
--color-galago-900: #29302d;
--color-galago-950: #171c1a;
}SCSS
$galago: #95a69f;
$galago-rgb: 149, 166, 159;
$galago-light: mix(#fff, $galago, 20%);
$galago-dark: mix(#000, $galago, 20%);
.element {
color: $galago;
box-shadow: 0 0 0 2px rgba($galago, 0.35);
}