Benannte Farbe · #66C6D0
Paradise Sky
Paradise Sky ist #66C6D0: rgb(102 198 208), hsl(186 53% 61%), oklch(0.772 0.092 204.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Paradise Sky color name →
#66C6D0
oklch(0.772 0.092 204.4)
Farbumrechnungen
- HEX
- #66c6d0
- RGB
- rgb(102 198 208)
- HSL
- hsl(186 53% 61%)
- HWB
- hwb(186 40% 18%)
- OKLCH
- oklch(0.772 0.092 204.4)
- OKLab
- oklab(0.772 -0.083 -0.038)
- CIE Lab
- lab(74.36 -27.56 -14.25)
- LCH
- lch(74.36 31.03 207.3)
- CMYK
- cmyk(51% 5% 0% 18%)
Tints · Shades · Tones
Tints
- 78CCD5
- 89D2D9
- 99D7DE
- A8DDE3
- B7E3E8
- C6E9EC
- D4EEF1
- E3F4F6
- F1F9FA
Shades
- 58ACB5
- 4A929A
- 3C7A80
- 2F6267
- 234B4F
- 173539
- 0C2123
- 040E10
- 000202
Tones
- 6BBFC8
- 6FB8C0
- 73B1B7
- 76AAAF
- 79A3A7
- 7B9C9F
- 7D9597
- 7E8E90
- 7F8788
Farbharmonien
Komplementär +180°
- 66C6D0
Paradise Sky
- EA9E98
≈ Cosy Summer Sunset
Analog -30° +30°
- 66C6D0
Paradise Sky
- 71C8B1
≈ Meridian Star
- 78BFE7
≈ Costa Rica Blue
Triadisch +120° +240°
- 66C6D0
Paradise Sky
- D3A1D6
≈ Velvet Horizon
- D0B06F
≈ New Wheat
Geteilt komplementär +150° +210°
- 66C6D0
Paradise Sky
- E49DB8
≈ Always Rosey
- E3A57C
≈ Orange Clay
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.55:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--paradise-sky: #66c6d0;
--paradise-sky-rgb: 102 198 208;
--paradise-sky-oklch: oklch(0.772 0.092 204.4);
}
.element {
color: var(--paradise-sky);
background-color: hsl(186 53% 61%);
border-color: oklch(0.772 0.092 204.4);
}Tailwind CSS v4
@theme {
--color-paradise-sky: #66c6d0;
--color-paradise-sky-50: #d8fdff;
--color-paradise-sky-100: #c5f1f7;
--color-paradise-sky-200: #a6e0e8;
--color-paradise-sky-300: #7dc5cf;
--color-paradise-sky-400: #54aeb8;
--color-paradise-sky-500: #1a97a2;
--color-paradise-sky-600: #1b8089;
--color-paradise-sky-700: #17676e;
--color-paradise-sky-800: #0d4c50;
--color-paradise-sky-900: #093438;
--color-paradise-sky-950: #002022;
}SCSS
$paradise-sky: #66c6d0;
$paradise-sky-rgb: 102, 198, 208;
$paradise-sky-light: mix(#fff, $paradise-sky, 20%);
$paradise-sky-dark: mix(#000, $paradise-sky, 20%);
.element {
color: $paradise-sky;
box-shadow: 0 0 0 2px rgba($paradise-sky, 0.35);
}