Nazwany kolor · #66C6D0
Paradise Sky
Paradise Sky to #66C6D0: rgb(102 198 208), hsl(186 53% 61%), oklch(0.772 0.092 204.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Paradise Sky color name →
#66C6D0
oklch(0.772 0.092 204.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 78CCD5
- 89D2D9
- 99D7DE
- A8DDE3
- B7E3E8
- C6E9EC
- D4EEF1
- E3F4F6
- F1F9FA
Odcienie ciemniejsze
- 58ACB5
- 4A929A
- 3C7A80
- 2F6267
- 234B4F
- 173539
- 0C2123
- 040E10
- 000202
Tony
- 6BBFC8
- 6FB8C0
- 73B1B7
- 76AAAF
- 79A3A7
- 7B9C9F
- 7D9597
- 7E8E90
- 7F8788
Harmonie kolorów
Komplementarna +180°
- 66C6D0
Paradise Sky
- EA9E98
≈ Cosy Summer Sunset
Analogowa -30° +30°
- 66C6D0
Paradise Sky
- 71C8B1
≈ Meridian Star
- 78BFE7
≈ Costa Rica Blue
Triada +120° +240°
- 66C6D0
Paradise Sky
- D3A1D6
≈ Velvet Horizon
- D0B06F
≈ New Wheat
Komplementarna rozszczepiona +150° +210°
- 66C6D0
Paradise Sky
- E49DB8
≈ Always Rosey
- E3A57C
≈ Orange Clay
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.98:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.55:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
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);
}