Adlandırılmış renk · #88BBEE
Electric Eel
Electric Eel, #88BBEE: rgb(136 187 238), hsl(210 75% 73%), oklch(0.775 0.091 249.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Electric Eel color name →
#88BBEE
oklch(0.775 0.091 249.1)
Renk dönüşümleri
- HEX
- #88bbee
- RGB
- rgb(136 187 238)
- HSL
- hsl(210 75% 73%)
- HWB
- hwb(210 53% 7%)
- OKLCH
- oklch(0.775 0.091 249.1)
- OKLab
- oklab(0.775 -0.033 -0.085)
- CIE Lab
- lab(73.73 -7.43 -31.16)
- LCH
- lch(73.73 32.03 256.6)
- CMYK
- cmyk(43% 21% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 94C2F0
- A0C9F2
- ACD0F4
- B8D6F6
- C4DDF8
- CFE4F9
- DBEBFB
- E7F2FC
- F3F8FE
Koyu tonlar
- 75A2CF
- 638AB1
- 527393
- 415C77
- 31465C
- 223242
- 131F2A
- 060D14
- 010203
Gri tonlar
- 88B5E3
- 87AFD7
- 87A9CC
- 86A3C1
- 859DB6
- 8498AB
- 8492A0
- 828C95
- 81868B
Renk uyumları
Tamamlayıcı +180°
- 88BBEE
Electric Eel
- DCAC75
≈ Sweet Cashew
Analog -30° +30°
- 88BBEE
Electric Eel
- 6DC4DD
≈ Squeaky
- A9B0F0
≈ Wondrous Wisteria
Üçlü +120° +240°
- 88BBEE
Electric Eel
- E99EAA
≈ Strawberry Smoothie
- A4C283
≈ Green Herb
Bölünmüş tamamlayıcı +150° +210°
- 88BBEE
Electric Eel
- E9A28B
≈ Tonys Pink
- C4B772
≈ Olive Marinade
Dörtlü +90° +180° +270°
- 88BBEE
Electric Eel
- DD9FC9
≈ Rose Garden
- DCAC75
≈ Sweet Cashew
- 82C8A1
≈ Foul Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.02:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.38:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--electric-eel: #88bbee;
--electric-eel-rgb: 136 187 238;
--electric-eel-oklch: oklch(0.775 0.091 249.1);
}
.element {
color: var(--electric-eel);
background-color: hsl(210 75% 73%);
border-color: oklch(0.775 0.091 249.1);
}Tailwind CSS v4
@theme {
--color-electric-eel: #88bbee;
--color-electric-eel-50: #e3f8ff;
--color-electric-eel-100: #d2ebff;
--color-electric-eel-200: #b8d8fb;
--color-electric-eel-300: #95bbe5;
--color-electric-eel-400: #74a3d2;
--color-electric-eel-500: #548bc0;
--color-electric-eel-600: #4775a2;
--color-electric-eel-700: #395e82;
--color-electric-eel-800: #274560;
--color-electric-eel-900: #1a3043;
--color-electric-eel-950: #0a1c2c;
}SCSS
$electric-eel: #88bbee;
$electric-eel-rgb: 136, 187, 238;
$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);
}