Adlandırılmış renk · #55FFFF
Electric Sheep
Electric Sheep, #55FFFF: rgb(85 255 255), hsl(180 100% 67%), oklch(0.915 0.136 195). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Electric Sheep color name →
#55FFFF
oklch(0.915 0.136 195)
Renk dönüşümleri
- HEX
- #55ffff
- RGB
- rgb(85 255 255)
- HSL
- hsl(180 100% 67%)
- HWB
- hwb(180 33% 0%)
- OKLCH
- oklch(0.915 0.136 195)
- OKLab
- oklab(0.915 -0.132 -0.035)
- CIE Lab
- lab(91.58 -44.63 -13.49)
- LCH
- lch(91.58 46.62 196.8)
- CMYK
- cmyk(67% 0% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 71FFFF
- 87FFFF
- 9AFFFF
- ABFFFF
- BBFFFF
- CAFFFF
- D8FFFF
- E5FFFF
- F2FFFF
Koyu tonlar
- 49DEDE
- 3DBEBE
- 319E9E
- 268080
- 1C6363
- 114848
- 082E2E
- 021616
- 000303
Gri tonlar
- 62F2F2
- 6BE5E4
- 72D8D7
- 77CBCA
- 7BBEBE
- 7EB2B1
- 80A5A4
- 809998
- 818C8C
Renk uyumları
Tamamlayıcı +180°
- 55FFFF
Electric Sheep
- FFD8D9
≈ We Peep
Analog -30° +30°
- 55FFFF
Electric Sheep
- 84FFCD
≈ A State of Mint
- BCECFF
≈ Ice Effect
Üçlü +120° +240°
- 55FFFF
Electric Sheep
- F2D8FF
≈ Lavender Savour
- FFDDAF
≈ Destined for Greatness
Bölünmüş tamamlayıcı +150° +210°
- 55FFFF
Electric Sheep
- FFD5EB
≈ Pink Currant
- FFDACA
≈ Glazed Sugar
Dörtlü +90° +180° +270°
- 55FFFF
Electric Sheep
- DFE0FF
≈ Stoic White
- FFD8D9
≈ We Peep
- F0E876
≈ Fresh Lemonade
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.13:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--electric-sheep: #55ffff;
--electric-sheep-rgb: 85 255 255;
--electric-sheep-oklch: oklch(0.915 0.136 195);
}
.element {
color: var(--electric-sheep);
background-color: hsl(180 100% 67%);
border-color: oklch(0.915 0.136 195);
}Tailwind CSS v4
@theme {
--color-electric-sheep: #55ffff;
--color-electric-sheep-50: #c8ffff;
--color-electric-sheep-100: #b2f7f8;
--color-electric-sheep-200: #8ae7e8;
--color-electric-sheep-300: #50cdcf;
--color-electric-sheep-400: #00b7b7;
--color-electric-sheep-500: #00a0a2;
--color-electric-sheep-600: #008789;
--color-electric-sheep-700: #006d6e;
--color-electric-sheep-800: #00504f;
--color-electric-sheep-900: #003837;
--color-electric-sheep-950: #002222;
}SCSS
$electric-sheep: #55ffff;
$electric-sheep-rgb: 85, 255, 255;
$electric-sheep-light: mix(#fff, $electric-sheep, 20%);
$electric-sheep-dark: mix(#000, $electric-sheep, 20%);
.element {
color: $electric-sheep;
box-shadow: 0 0 0 2px rgba($electric-sheep, 0.35);
}