Nazwany kolor · #5CCBD6
Watercourse
Watercourse to #5CCBD6: rgb(92 203 214), hsl(185 60% 60%), oklch(0.782 0.102 204.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Watercourse color name →
#5CCBD6
oklch(0.782 0.102 204.1)
Konwersje koloru
- HEX
- #5ccbd6
- RGB
- rgb(92 203 214)
- HSL
- hsl(185 60% 60%)
- HWB
- hwb(185 36% 16%)
- OKLCH
- oklch(0.782 0.102 204.1)
- OKLab
- oklab(0.782 -0.093 -0.042)
- CIE Lab
- lab(75.62 -30.64 -15.64)
- LCH
- lch(75.62 34.4 207)
- CMYK
- cmyk(57% 5% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 71D0DA
- 83D6DE
- 94DBE2
- A5E0E7
- B4E6EB
- C4EBEF
- D3F0F3
- E2F5F7
- F0FAFB
Odcienie ciemniejsze
- 4FB0BA
- 42969E
- 367D84
- 2A656A
- 1F4D52
- 14373B
- 0A2225
- 030F10
- 000202
Tony
- 63C3CD
- 69BCC4
- 6EB4BC
- 73ADB3
- 76A5AA
- 799EA2
- 7B9699
- 7D8F91
- 7F8788
Harmonie kolorów
Komplementarna +180°
- 5CCBD6
Watercourse
- F29E98
≈ Pink Eraser
Analogowa -30° +30°
- 5CCBD6
Watercourse
- 6ACDB3
≈ Sweet Garden
- 72C3EF
≈ Blue Mana
Triada +120° +240°
- 5CCBD6
Watercourse
- D9A2DD
≈ Damson Plum
- D7B369
≈ Dylan Velvet
Komplementarna rozszczepiona +150° +210°
- 5CCBD6
Watercourse
- EC9DBC
≈ Amaranth Pink
- EBA679
≈ Prairie Sun
Tetrada +90° +180° +270°
- 5CCBD6
Watercourse
- BBABF3
≈ Winterspring Lilac
- F29E98
≈ Pink Eraser
- B7C072
≈ Zoodles
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.91:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 10.96:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--watercourse: #5ccbd6;
--watercourse-rgb: 92 203 214;
--watercourse-oklch: oklch(0.782 0.102 204.1);
}
.element {
color: var(--watercourse);
background-color: hsl(185 60% 60%);
border-color: oklch(0.782 0.102 204.1);
}Tailwind CSS v4
@theme {
--color-watercourse: #5ccbd6;
--color-watercourse-50: #d4feff;
--color-watercourse-100: #c1f2f9;
--color-watercourse-200: #a0e1ea;
--color-watercourse-300: #75c7d1;
--color-watercourse-400: #46b0ba;
--color-watercourse-500: #0099a5;
--color-watercourse-600: #00818c;
--color-watercourse-700: #006870;
--color-watercourse-800: #004c51;
--color-watercourse-900: #003539;
--color-watercourse-950: #002023;
}SCSS
$watercourse: #5ccbd6;
$watercourse-rgb: 92, 203, 214;
$watercourse-light: mix(#fff, $watercourse, 20%);
$watercourse-dark: mix(#000, $watercourse, 20%);
.element {
color: $watercourse;
box-shadow: 0 0 0 2px rgba($watercourse, 0.35);
}