Benannte Farbe · #81A6AA
Ziggurat
Ziggurat ist #81A6AA: rgb(129 166 170), hsl(186 19% 59%), oklch(0.699 0.041 204.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Ziggurat color name →
#81A6AA
oklch(0.699 0.041 204.5)
Farbumrechnungen
- HEX
- #81a6aa
- RGB
- rgb(129 166 170)
- HSL
- hsl(186 19% 59%)
- HWB
- hwb(186 51% 33%)
- OKLCH
- oklch(0.699 0.041 204.5)
- OKLab
- oklab(0.699 -0.037 -0.017)
- CIE Lab
- lab(65.48 -12.37 -6.44)
- LCH
- lch(65.48 13.95 207.5)
- CMYK
- cmyk(24% 2% 0% 33%)
Tints · Shades · Tones
Tints
- 8DAFB2
- 9AB7BB
- A6C0C3
- B3C9CB
- BFD2D4
- CCDBDC
- D8E4E5
- E5EDEE
- F2F6F6
Shades
- 6F9093
- 5E7A7D
- 4E6568
- 3E5153
- 2E3E3F
- 1F2B2D
- 121A1B
- 060A0B
- 010101
Tones
- 81A2A6
- 819EA1
- 819B9D
- 819799
- 819395
- 818F91
- 818B8C
- 818888
- 808484
Farbharmonien
Komplementär +180°
- 81A6AA
Ziggurat
- B69592
≈ Cherry Taupe
Analog -30° +30°
- 81A6AA
Ziggurat
- 85A79C
≈ Beckett
- 86A3B4
≈ Grauzone
Triadisch +120° +240°
- 81A6AA
Ziggurat
- AB96AD
≈ London Hue
- AA9D82
≈ Winter Sage
Geteilt komplementär +150° +210°
- 81A6AA
Ziggurat
- B494A0
≈ Ashberry
- B39887
≈ Free Wheeling
Tetradisch +90° +180° +270°
- 81A6AA
Ziggurat
- 9F9AB6
≈ Logan
- B69592
≈ Cherry Taupe
- 9DA285
≈ Zebra Grass
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.63:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.96:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--ziggurat: #81a6aa;
--ziggurat-rgb: 129 166 170;
--ziggurat-oklch: oklch(0.699 0.041 204.5);
}
.element {
color: var(--ziggurat);
background-color: hsl(186 19% 59%);
border-color: oklch(0.699 0.041 204.5);
}Tailwind CSS v4
@theme {
--color-ziggurat: #81a6aa;
--color-ziggurat-50: #e9f9fb;
--color-ziggurat-100: #d9ecef;
--color-ziggurat-200: #c1dadd;
--color-ziggurat-300: #a0bec2;
--color-ziggurat-400: #83a6aa;
--color-ziggurat-500: #668e93;
--color-ziggurat-600: #57787c;
--color-ziggurat-700: #456063;
--color-ziggurat-800: #324748;
--color-ziggurat-900: #223132;
--color-ziggurat-950: #111d1e;
}SCSS
$ziggurat: #81a6aa;
$ziggurat-rgb: 129, 166, 170;
$ziggurat-light: mix(#fff, $ziggurat, 20%);
$ziggurat-dark: mix(#000, $ziggurat, 20%);
.element {
color: $ziggurat;
box-shadow: 0 0 0 2px rgba($ziggurat, 0.35);
}