Nazwany kolor · #5CDCF1
Electric Lemonade
Electric Lemonade to #5CDCF1: rgb(92 220 241), hsl(188 84% 65%), oklch(0.831 0.115 210). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Electric Lemonade color name →
#5CDCF1
oklch(0.831 0.115 210)
Konwersje koloru
- HEX
- #5cdcf1
- RGB
- rgb(92 220 241)
- HSL
- hsl(188 84% 65%)
- HWB
- hwb(188 36% 5%)
- OKLCH
- oklch(0.831 0.115 210)
- OKLab
- oklab(0.831 -0.1 -0.058)
- CIE Lab
- lab(81.3 -32.11 -21.49)
- LCH
- lch(81.3 38.64 213.8)
- CMYK
- cmyk(62% 9% 0% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 72E0F3
- 86E4F4
- 97E7F6
- A8EBF7
- B7EEF8
- C6F2FA
- D5F5FB
- E3F9FC
- F1FCFE
Odcienie ciemniejsze
- 4FBFD2
- 42A3B3
- 368895
- 2A6E79
- 1F545D
- 143C43
- 0A262B
- 031114
- 000203
Tony
- 64D3E5
- 6BC9DA
- 70C0CE
- 75B7C3
- 78AEB7
- 7BA4AC
- 7D9BA1
- 7F9296
- 80898B
Harmonie kolorów
Komplementarna +180°
- 5CDCF1
Electric Lemonade
- FFB1A4
≈ Peach Pearl
Analogowa -30° +30°
- 5CDCF1
Electric Lemonade
- 65E0CB
≈ Jazzy Jade
- 8ED0FF
≈ Long Island Sound
Triada +120° +240°
- 5CDCF1
Electric Lemonade
- F2ACEB
≈ Pinky Swear
- E5C56B
≈ Bountiful Gold
Komplementarna rozszczepiona +150° +210°
- 5CDCF1
Electric Lemonade
- FFACC5
≈ Heartfelt
- FFB679
≈ Go Go Mango
Tetrada +90° +180° +270°
- 5CDCF1
Electric Lemonade
- D1B9FF
≈ Lavender Tonic
- FFB1A4
≈ Peach Pearl
- BED37B
≈ Olive Buff
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 12.96:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--electric-lemonade: #5cdcf1;
--electric-lemonade-rgb: 92 220 241;
--electric-lemonade-oklch: oklch(0.831 0.115 210);
}
.element {
color: var(--electric-lemonade);
background-color: hsl(188 84% 65%);
border-color: oklch(0.831 0.115 210);
}Tailwind CSS v4
@theme {
--color-electric-lemonade: #5cdcf1;
--color-electric-lemonade-50: #d0ffff;
--color-electric-lemonade-100: #bcf3fe;
--color-electric-lemonade-200: #99e2f1;
--color-electric-lemonade-300: #6ac7da;
--color-electric-lemonade-400: #31b1c4;
--color-electric-lemonade-500: #009ab0;
--color-electric-lemonade-600: #008295;
--color-electric-lemonade-700: #006877;
--color-electric-lemonade-800: #004d57;
--color-electric-lemonade-900: #00353d;
--color-electric-lemonade-950: #002026;
}SCSS
$electric-lemonade: #5cdcf1;
$electric-lemonade-rgb: 92, 220, 241;
$electric-lemonade-light: mix(#fff, $electric-lemonade, 20%);
$electric-lemonade-dark: mix(#000, $electric-lemonade, 20%);
.element {
color: $electric-lemonade;
box-shadow: 0 0 0 2px rgba($electric-lemonade, 0.35);
}