Benannte Farbe · #87D6DD
VIC 20 Sky
VIC 20 Sky ist #87D6DD: rgb(135 214 221), hsl(185 56% 70%), oklch(0.828 0.078 202.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · VIC 20 Sky color name →
#87D6DD
oklch(0.828 0.078 202.9)
Farbumrechnungen
- HEX
- #87d6dd
- RGB
- rgb(135 214 221)
- HSL
- hsl(185 56% 70%)
- HWB
- hwb(185 53% 13%)
- OKLCH
- oklch(0.828 0.078 202.9)
- OKLab
- oklab(0.828 -0.072 -0.03)
- CIE Lab
- lab(80.73 -23.97 -11.57)
- LCH
- lch(80.73 26.62 205.8)
- CMYK
- cmyk(39% 3% 0% 13%)
Tints · Shades · Tones
Tints
- 94DAE0
- A1DEE4
- ADE3E7
- BAE7EB
- C5EBEE
- D1EFF1
- DDF3F5
- E8F7F8
- F4FBFC
Shades
- 75BAC0
- 639EA4
- 518488
- 416A6E
- 315255
- 213B3D
- 132526
- 061011
- 010202
Tones
- 88CDD3
- 88C4CA
- 88BCC0
- 87B3B7
- 87AAAD
- 86A2A4
- 85999B
- 839192
- 828889
Farbharmonien
Komplementär +180°
- 87D6DD
VIC 20 Sky
- F6B3AF
≈ Sango Pink
Analog -30° +30°
- 87D6DD
VIC 20 Sky
- 90D8C2
≈ Chloride
- 93D0F1
≈ Slightly Spritzig
Triadisch +120° +240°
- 87D6DD
VIC 20 Sky
- E0B6E4
≈ Pretty Petunia
- DFC38C
≈ Farina
Geteilt komplementär +150° +210°
- 87D6DD
VIC 20 Sky
- F0B2CB
≈ Fairy Tale
- F0B997
≈ Caramel Powder
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.65:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.69:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.69:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--vic-20-sky: #87d6dd;
--vic-20-sky-rgb: 135 214 221;
--vic-20-sky-oklch: oklch(0.828 0.078 202.9);
}
.element {
color: var(--vic-20-sky);
background-color: hsl(185 56% 70%);
border-color: oklch(0.828 0.078 202.9);
}Tailwind CSS v4
@theme {
--color-vic-20-sky: #87d6dd;
--color-vic-20-sky-50: #dcfcff;
--color-vic-20-sky-100: #cbf0f4;
--color-vic-20-sky-200: #aedfe4;
--color-vic-20-sky-300: #87c3ca;
--color-vic-20-sky-400: #63acb3;
--color-vic-20-sky-500: #39959d;
--color-vic-20-sky-600: #327e85;
--color-vic-20-sky-700: #28656a;
--color-vic-20-sky-800: #1b4a4d;
--color-vic-20-sky-900: #123436;
--color-vic-20-sky-950: #041f21;
}SCSS
$vic-20-sky: #87d6dd;
$vic-20-sky-rgb: 135, 214, 221;
$vic-20-sky-light: mix(#fff, $vic-20-sky, 20%);
$vic-20-sky-dark: mix(#000, $vic-20-sky, 20%);
.element {
color: $vic-20-sky;
box-shadow: 0 0 0 2px rgba($vic-20-sky, 0.35);
}