Benannte Farbe · #70B2CC
Aspara
Aspara ist #70B2CC: rgb(112 178 204), hsl(197 47% 62%), oklch(0.729 0.077 225.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Aspara color name →
#70B2CC
oklch(0.729 0.077 225.1)
Farbumrechnungen
- HEX
- #70b2cc
- RGB
- rgb(112 178 204)
- HSL
- hsl(197 47% 62%)
- HWB
- hwb(197 44% 20%)
- OKLCH
- oklch(0.729 0.077 225.1)
- OKLab
- oklab(0.729 -0.054 -0.055)
- CIE Lab
- lab(68.88 -16.66 -20.22)
- LCH
- lch(68.88 26.2 230.5)
- CMYK
- cmyk(45% 13% 0% 20%)
Tints · Shades · Tones
Tints
- 7FBAD1
- 8EC1D6
- 9CC9DC
- AAD1E1
- B9D8E6
- C7E0EB
- D5E8F0
- E3F0F5
- F1F7FA
Shades
- 609AB1
- 518397
- 436D7E
- 355765
- 27434E
- 1A2F37
- 0E1D22
- 040C0F
- 010102
Tones
- 73ADC4
- 75A8BD
- 77A3B5
- 799EAD
- 7B99A6
- 7C949E
- 7D8F96
- 7E8A8F
- 7F8587
Farbharmonien
Komplementär +180°
- 70B2CC
Aspara
- D1987F
≈ Terra Earth
Analog -30° +30°
- 70B2CC
Aspara
- 69B7B6
≈ Swim
- 87AAD8
≈ Birdie Num Num
Triadisch +120° +240°
- 70B2CC
Aspara
- CB94B2
≈ Morning Glory Pink
- AEAB71
≈ Wasabi Green
Geteilt komplementär +150° +210°
- 70B2CC
Aspara
- D39498
≈ Keel Joy
- C4A170
≈ Silence Is Golden
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.35:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.92:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--aspara: #70b2cc;
--aspara-rgb: 112 178 204;
--aspara-oklch: oklch(0.729 0.077 225.1);
}
.element {
color: var(--aspara);
background-color: hsl(197 47% 62%);
border-color: oklch(0.729 0.077 225.1);
}Tailwind CSS v4
@theme {
--color-aspara: #70b2cc;
--color-aspara-50: #dffaff;
--color-aspara-100: #ceeefc;
--color-aspara-200: #b3dcee;
--color-aspara-300: #8ec0d6;
--color-aspara-400: #6aa8c1;
--color-aspara-500: #4691ad;
--color-aspara-600: #3d7b92;
--color-aspara-700: #306275;
--color-aspara-800: #214856;
--color-aspara-900: #16323c;
--color-aspara-950: #071e26;
}SCSS
$aspara: #70b2cc;
$aspara-rgb: 112, 178, 204;
$aspara-light: mix(#fff, $aspara, 20%);
$aspara-dark: mix(#000, $aspara, 20%);
.element {
color: $aspara;
box-shadow: 0 0 0 2px rgba($aspara, 0.35);
}