Adlandırılmış renk · #E0FFFF
Light Cyan
Light Cyan, #E0FFFF: rgb(224 255 255), hsl(180 100% 94%), oklch(0.978 0.032 196.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Light Cyan color name →
#E0FFFF
oklch(0.978 0.032 196.6)
Renk dönüşümleri
- HEX
- #e0ffff
- RGB
- rgb(224 255 255)
- HSL
- hsl(180 100% 94%)
- HWB
- hwb(180 88% 0%)
- OKLCH
- oklch(0.978 0.032 196.6)
- OKLab
- oklab(0.978 -0.031 -0.009)
- CIE Lab
- lab(97.77 -10.35 -3.56)
- LCH
- lch(97.77 10.95 199)
- CMYK
- cmyk(12% 0% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3FFFF
- E6FFFF
- EAFFFF
- EDFFFF
- F0FFFF
- F3FFFF
- F6FFFF
- F9FFFF
- FCFFFF
Koyu tonlar
- C3DEDE
- A6BEBE
- 8A9E9E
- 708080
- 566363
- 3E4848
- 272E2E
- 121616
- 020303
Gri tonlar
- D6F2F2
- CCE4E4
- C2D7D7
- B9CACA
- AFBEBE
- A5B1B1
- 9CA4A4
- 939898
- 898C8C
Renk uyumları
Tamamlayıcı +180°
- E0FFFF
Light Cyan
- FFF5F5
≈ Sea Salt Sherbet
Analog -30° +30°
- E0FFFF
Light Cyan
- E5FFF3
≈ Mint Chiffon
- EFFAFF
≈ Alice Blue
Üçlü +120° +240°
- E0FFFF
Light Cyan
- FCF5FF
≈ Sugar Crystal
- FFF6EA
≈ Apricot Ice
Bölünmüş tamamlayıcı +150° +210°
- E0FFFF
Light Cyan
- FFF4F9
≈ Sea Salt Sherbet
- FFF6F1
≈ Seashell
Dörtlü +90° +180° +270°
- E0FFFF
Light Cyan
- F7F7FF
≈ Ghost White
- FFF5F5
≈ Sea Salt Sherbet
- FAFAE1
≈ Coconut Pulp
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.05:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.91:1 · APCA Lc 104
En iyi metin rengi: #000000
WCAG 19.91:1 (AAA) · APCA Lc 104
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-cyan: #e0ffff;
--light-cyan-rgb: 224 255 255;
--light-cyan-oklch: oklch(0.978 0.032 196.6);
}
.element {
color: var(--light-cyan);
background-color: hsl(180 100% 94%);
border-color: oklch(0.978 0.032 196.6);
}Tailwind CSS v4
@theme {
--color-light-cyan: #e0ffff;
--color-light-cyan-50: #ebf8f8;
--color-light-cyan-100: #dcebec;
--color-light-cyan-200: #c5d9d9;
--color-light-cyan-300: #a5bdbd;
--color-light-cyan-400: #89a5a5;
--color-light-cyan-500: #6e8d8d;
--color-light-cyan-600: #5d7777;
--color-light-cyan-700: #4a6060;
--color-light-cyan-800: #364646;
--color-light-cyan-900: #253030;
--color-light-cyan-950: #131d1c;
}SCSS
$light-cyan: #e0ffff;
$light-cyan-rgb: 224, 255, 255;
$light-cyan-light: mix(#fff, $light-cyan, 20%);
$light-cyan-dark: mix(#000, $light-cyan, 20%);
.element {
color: $light-cyan;
box-shadow: 0 0 0 2px rgba($light-cyan, 0.35);
}