En yakın adlandırılmış renk · #ECF8E6
#ECF8E6
En yakın adlandırılmış renk: Homoeopathic Lime
#ECF8E6 (rgb(236 248 230), hsl(100 56% 94%), oklch(0.965 0.027 135)) en çok Homoeopathic Lime 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.
#ECF8E6
oklch(0.965 0.027 135)
Renk dönüşümleri
- HEX
- #ecf8e6
- RGB
- rgb(236 248 230)
- HSL
- hsl(100 56% 94%)
- HWB
- hwb(100 90% 3%)
- OKLCH
- oklch(0.965 0.027 135)
- OKLab
- oklab(0.965 -0.019 0.019)
- CIE Lab
- lab(96.31 -6.47 7.24)
- LCH
- lch(96.31 9.71 131.8)
- CMYK
- cmyk(5% 0% 7% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEF9E9
- F0F9EB
- F2FAEE
- F4FBF0
- F5FCF3
- F7FCF5
- F9FDF8
- FBFEFA
- FDFEFD
Koyu tonlar
- CDD8C8
- AFB8AB
- 929A8E
- 767C73
- 5B6059
- 424540
- 292C28
- 131513
- 030303
Gri tonlar
- E1EBDB
- D5DFD1
- CAD3C6
- BFC6BC
- B5BAB2
- AAAEA8
- 9FA29D
- 959794
- 8A8B8A
Renk uyumları
Tamamlayıcı +180°
- ECF8E6
Homoeopathic Lime
- FAEFFF
≈ Lovely Euphoric Delight
Analog -30° +30°
- ECF8E6
Homoeopathic Lime
- F6F5E1
≈ White Jasmine
- E4FAEF
≈ Soft Mint
Üçlü +120° +240°
- ECF8E6
Homoeopathic Lime
- ECF4FF
≈ Placebo Blue
- FFEFF0
≈ White Gloss
Bölünmüş tamamlayıcı +150° +210°
- ECF8E6
Homoeopathic Lime
- F2F2FF
≈ Cloud Break
- FFEEF7
≈ Partial Pink
Dörtlü +90° +180° +270°
- ECF8E6
Homoeopathic Lime
- E5F7FF
≈ Clear Skies
- FAEFFF
≈ Lovely Euphoric Delight
- FFF0EA
≈ Strawberry Dust
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.09:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.13:1 · APCA Lc 101
En iyi metin rengi: #000000
WCAG 19.13:1 (AAA) · APCA Lc 101
Contrast pairs
Kod parçacıkları
CSS
:root {
--homoeopathic-lime: #ecf8e6;
--homoeopathic-lime-rgb: 236 248 230;
--homoeopathic-lime-oklch: oklch(0.965 0.027 135);
}
.element {
color: var(--homoeopathic-lime);
background-color: hsl(100 56% 94%);
border-color: oklch(0.965 0.027 135);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lime: #ecf8e6;
--color-homoeopathic-lime-50: #f2f7f0;
--color-homoeopathic-lime-100: #e4eae1;
--color-homoeopathic-lime-200: #cfd7cc;
--color-homoeopathic-lime-300: #b1bbad;
--color-homoeopathic-lime-400: #98a292;
--color-homoeopathic-lime-500: #7f8a79;
--color-homoeopathic-lime-600: #6b7566;
--color-homoeopathic-lime-700: #565e52;
--color-homoeopathic-lime-800: #3f443b;
--color-homoeopathic-lime-900: #2b2f28;
--color-homoeopathic-lime-950: #191c16;
}SCSS
$homoeopathic-lime: #ecf8e6;
$homoeopathic-lime-rgb: 236, 248, 230;
$homoeopathic-lime-light: mix(#fff, $homoeopathic-lime, 20%);
$homoeopathic-lime-dark: mix(#000, $homoeopathic-lime, 20%);
.element {
color: $homoeopathic-lime;
box-shadow: 0 0 0 2px rgba($homoeopathic-lime, 0.35);
}