En yakın adlandırılmış renk · #7CB8EF
#7CB8EF
En yakın adlandırılmış renk: Electric Eel
#7CB8EF (rgb(124 184 239), hsl(209 78% 71%), oklch(0.763 0.101 247.2)) en çok Electric Eel adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#7CB8EF
oklch(0.763 0.101 247.2)
Renk dönüşümleri
- HEX
- #7cb8ef
- RGB
- rgb(124 184 239)
- HSL
- hsl(209 78% 71%)
- HWB
- hwb(209 49% 6%)
- OKLCH
- oklch(0.763 0.101 247.2)
- OKLab
- oklab(0.763 -0.039 -0.093)
- CIE Lab
- lab(72.28 -8.87 -33.98)
- LCH
- lch(72.28 35.12 255.4)
- CMYK
- cmyk(48% 23% 0% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8ABFF1
- 97C6F3
- A4CEF5
- B1D5F7
- BEDCF8
- CBE3FA
- D8EAFB
- E5F1FD
- F2F8FE
Koyu tonlar
- 6BA0D0
- 5A88B1
- 4A7194
- 3B5B78
- 2C455C
- 1E3142
- 111E2A
- 050C14
- 010203
Gri tonlar
- 7DB2E4
- 7EADD8
- 7FA7CD
- 80A2C2
- 809CB7
- 8097AC
- 8191A1
- 808B96
- 80868B
Renk uyumları
Tamamlayıcı +180°
- 7CB8EF
Electric Eel
- DDA56A
≈ India Trade
Analog -30° +30°
- 7CB8EF
Electric Eel
- 5CC2DC
≈ Naxos Sky
- A2ACF2
≈ Wondrous Wisteria
Üçlü +120° +240°
- 7CB8EF
Electric Eel
- E997A7
≈ Second Blush
- A0BE77
≈ Tan Green
Bölünmüş tamamlayıcı +150° +210°
- 7CB8EF
Electric Eel
- EA9B84
≈ Tonys Pink
- C4B264
≈ Split Pea Soup
Dörtlü +90° +180° +270°
- 7CB8EF
Electric Eel
- DC99C9
≈ Lilac Chiffon
- DDA56A
≈ India Trade
- 79C698
≈ Green Gala
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.10:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.95:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--electric-eel: #7cb8ef;
--electric-eel-rgb: 124 184 239;
--electric-eel-oklch: oklch(0.763 0.101 247.2);
}
.element {
color: var(--electric-eel);
background-color: hsl(209 78% 71%);
border-color: oklch(0.763 0.101 247.2);
}Tailwind CSS v4
@theme {
--color-electric-eel: #7cb8ef;
--color-electric-eel-50: #e0f8ff;
--color-electric-eel-100: #cfebff;
--color-electric-eel-200: #b4d9fe;
--color-electric-eel-300: #8fbce9;
--color-electric-eel-400: #6ca4d7;
--color-electric-eel-500: #498bc5;
--color-electric-eel-600: #3f76a7;
--color-electric-eel-700: #325e86;
--color-electric-eel-800: #214663;
--color-electric-eel-900: #163045;
--color-electric-eel-950: #071c2d;
}SCSS
$electric-eel: #7cb8ef;
$electric-eel-rgb: 124, 184, 239;
$electric-eel-light: mix(#fff, $electric-eel, 20%);
$electric-eel-dark: mix(#000, $electric-eel, 20%);
.element {
color: $electric-eel;
box-shadow: 0 0 0 2px rgba($electric-eel, 0.35);
}