En yakın adlandırılmış renk · #E9F1E3
#E9F1E3
En yakın adlandırılmış renk: Mount Eden
#E9F1E3 (rgb(233 241 227), hsl(94 33% 92%), oklch(0.948 0.02 131.5)) en çok Mount Eden 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.
#E9F1E3
oklch(0.948 0.02 131.5)
Renk dönüşümleri
- HEX
- #e9f1e3
- RGB
- rgb(233 241 227)
- HSL
- hsl(94 33% 92%)
- HWB
- hwb(94 89% 5%)
- OKLCH
- oklch(0.948 0.02 131.5)
- OKLab
- oklab(0.948 -0.014 0.015)
- CIE Lab
- lab(94.25 -4.59 5.81)
- LCH
- lch(94.25 7.41 128.3)
- CMYK
- cmyk(3% 0% 6% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBF2E6
- EDF4E9
- F0F5EB
- F2F7EE
- F4F8F1
- F6F9F4
- F8FBF7
- FBFCF9
- FDFEFC
Koyu tonlar
- CBD2C5
- ADB3A8
- 90958C
- 747971
- 5A5D57
- 41433F
- 292B27
- 131412
- 030303
Gri tonlar
- DEE5D9
- D3D9CE
- C8CEC4
- BEC2BA
- B3B7B0
- A9ACA6
- 9EA19D
- 949693
- 8A8B89
Renk uyumları
Tamamlayıcı +180°
- E9F1E3
Mount Eden
- F2EAF8
≈ Perfume Haze
Analog -30° +30°
- E9F1E3
Mount Eden
- F0EFDF
≈ Gorā White
- E3F2EA
≈ Bath Bubbles
Üçlü +120° +240°
- E9F1E3
Mount Eden
- E4EFFC
≈ Cotton Boll
- FBE9EA
≈ Arrowhead White
Bölünmüş tamamlayıcı +150° +210°
- E9F1E3
Mount Eden
- EBEDFC
≈ Brilliant White
- F8E9F2
≈ Cherry Pearl
Dörtlü +90° +180° +270°
- E9F1E3
Mount Eden
- E0F1F8
≈ Wizard White
- F2EAF8
≈ Perfume Haze
- FBEAE4
≈ Parchment White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.15:1 · APCA Lc 7
Ag
AAASiyah üzerinde
WCAG 18.15:1 · APCA Lc 97
En iyi metin rengi: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--mount-eden: #e9f1e3;
--mount-eden-rgb: 233 241 227;
--mount-eden-oklch: oklch(0.948 0.02 131.5);
}
.element {
color: var(--mount-eden);
background-color: hsl(94 33% 92%);
border-color: oklch(0.948 0.02 131.5);
}Tailwind CSS v4
@theme {
--color-mount-eden: #e9f1e3;
--color-mount-eden-50: #f3f6f1;
--color-mount-eden-100: #e5e9e3;
--color-mount-eden-200: #d1d6cd;
--color-mount-eden-300: #b3baaf;
--color-mount-eden-400: #9aa195;
--color-mount-eden-500: #81897b;
--color-mount-eden-600: #6d7468;
--color-mount-eden-700: #575d53;
--color-mount-eden-800: #40443c;
--color-mount-eden-900: #2c2f2a;
--color-mount-eden-950: #191b17;
}SCSS
$mount-eden: #e9f1e3;
$mount-eden-rgb: 233, 241, 227;
$mount-eden-light: mix(#fff, $mount-eden, 20%);
$mount-eden-dark: mix(#000, $mount-eden, 20%);
.element {
color: $mount-eden;
box-shadow: 0 0 0 2px rgba($mount-eden, 0.35);
}