Benannte Farbe · #085F6D
Galapagos
Galapagos ist #085F6D: rgb(8 95 109), hsl(188 86% 23%), oklch(0.447 0.076 212.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Galapagos color name →
#085F6D
oklch(0.447 0.076 212.6)
Farbumrechnungen
- HEX
- #085f6d
- RGB
- rgb(8 95 109)
- HSL
- hsl(188 86% 23%)
- HWB
- hwb(188 3% 57%)
- OKLCH
- oklch(0.447 0.076 212.6)
- OKLab
- oklab(0.447 -0.064 -0.041)
- CIE Lab
- lab(36.34 -20.03 -15.04)
- LCH
- lch(36.34 25.04 216.9)
- CMYK
- cmyk(93% 13% 0% 57%)
Tints · Shades · Tones
Tints
- 2D6E7B
- 467D89
- 5E8D97
- 749CA5
- 8BACB4
- A2BDC2
- B9CDD1
- D0DDE0
- E7EEF0
Shades
- 06525E
- 04444F
- 033841
- 022C33
- 012026
- 011519
- 000A0D
- 000304
- 000001
Tones
- 20626F
- 2F6671
- 3B6973
- 466D75
- 507077
- 5A7379
- 64767B
- 6D7A7C
- 777D7E
Farbharmonien
Komplementär +180°
- 085F6D
Galapagos
- 794439
≈ Bole
Analog -30° +30°
- 085F6D
Galapagos
- 0E6258
≈ Philodendron
- 2A597B
≈ Venice Blue
Triadisch +120° +240°
- 085F6D
Galapagos
- 6D4467
≈ Sultana
- 63531C
≈ Tucumán Green
Geteilt komplementär +150° +210°
- 085F6D
Galapagos
- 774251
≈ Berry Bush
- 724A24
≈ Vintage Wood
Tetradisch +90° +180° +270°
- 085F6D
Galapagos
- 5D4A77
≈ Impulsive Purple
- 794439
≈ Bole
- 4D5B29
≈ Woodman
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.32:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.86:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--galapagos: #085f6d;
--galapagos-rgb: 8 95 109;
--galapagos-oklch: oklch(0.447 0.076 212.6);
}
.element {
color: var(--galapagos);
background-color: hsl(188 86% 23%);
border-color: oklch(0.447 0.076 212.6);
}Tailwind CSS v4
@theme {
--color-galapagos: #085f6d;
--color-galapagos-50: #defbff;
--color-galapagos-100: #cceff8;
--color-galapagos-200: #b0dde8;
--color-galapagos-300: #8ac2cf;
--color-galapagos-400: #67abb9;
--color-galapagos-500: #4093a4;
--color-galapagos-600: #387d8a;
--color-galapagos-700: #2c646f;
--color-galapagos-800: #1e4951;
--color-galapagos-900: #143338;
--color-galapagos-950: #051f23;
}SCSS
$galapagos: #085f6d;
$galapagos-rgb: 8, 95, 109;
$galapagos-light: mix(#fff, $galapagos, 20%);
$galapagos-dark: mix(#000, $galapagos, 20%);
.element {
color: $galapagos;
box-shadow: 0 0 0 2px rgba($galapagos, 0.35);
}