En yakın adlandırılmış renk · #EEF7E3
#EEF7E3
En yakın adlandırılmış renk: White Mecca
#EEF7E3 (rgb(238 247 227), hsl(87 56% 93%), oklch(0.964 0.028 126.8)) en çok White Mecca 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.
#EEF7E3
oklch(0.964 0.028 126.8)
Renk dönüşümleri
- HEX
- #eef7e3
- RGB
- rgb(238 247 227)
- HSL
- hsl(87 56% 93%)
- HWB
- hwb(87 89% 3%)
- OKLCH
- oklch(0.964 0.028 126.8)
- OKLab
- oklab(0.964 -0.017 0.022)
- CIE Lab
- lab(96.15 -5.68 8.57)
- LCH
- lch(96.15 10.28 123.5)
- CMYK
- cmyk(4% 0% 8% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0F8E6
- F1F9E9
- F3F9EB
- F5FAEE
- F6FBF1
- F8FCF4
- FAFDF7
- FCFDF9
- FDFEFC
Koyu tonlar
- CFD7C5
- B1B7A8
- 93998C
- 777C71
- 5C6057
- 42453F
- 2A2C27
- 141512
- 030303
Gri tonlar
- E2EAD9
- D7DECE
- CCD2C4
- C1C6BA
- B5BAB0
- AAAEA6
- A0A29D
- 959793
- 8A8B89
Renk uyumları
Tamamlayıcı +180°
- EEF7E3
White Mecca
- F7F0FF
≈ Cloud Break
Analog -30° +30°
- EEF7E3
White Mecca
- F8F4DF
≈ White Jasmine
- E5F9EC
≈ Winter Mist
Üçlü +120° +240°
- EEF7E3
White Mecca
- EAF5FF
≈ Placebo Blue
- FFEEF1
≈ Sugar Coated
Bölünmüş tamamlayıcı +150° +210°
- EEF7E3
White Mecca
- F0F2FF
≈ Cloud Break
- FFEDF9
≈ Partial Pink
Dörtlü +90° +180° +270°
- EEF7E3
White Mecca
- E0F8FF
≈ Glacial Day
- F7F0FF
≈ Cloud Break
- FFEFEB
≈ Strawberry Dust
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.10:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.04:1 · APCA Lc 100
En iyi metin rengi: #000000
WCAG 19.04:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--white-mecca: #eef7e3;
--white-mecca-rgb: 238 247 227;
--white-mecca-oklch: oklch(0.964 0.028 126.8);
}
.element {
color: var(--white-mecca);
background-color: hsl(87 56% 93%);
border-color: oklch(0.964 0.028 126.8);
}Tailwind CSS v4
@theme {
--color-white-mecca: #eef7e3;
--color-white-mecca-50: #f3f7ee;
--color-white-mecca-100: #e5eae0;
--color-white-mecca-200: #d0d7ca;
--color-white-mecca-300: #b3baab;
--color-white-mecca-400: #9aa290;
--color-white-mecca-500: #818a76;
--color-white-mecca-600: #6d7564;
--color-white-mecca-700: #575d50;
--color-white-mecca-800: #40443a;
--color-white-mecca-900: #2c2f28;
--color-white-mecca-950: #191c16;
}SCSS
$white-mecca: #eef7e3;
$white-mecca-rgb: 238, 247, 227;
$white-mecca-light: mix(#fff, $white-mecca, 20%);
$white-mecca-dark: mix(#000, $white-mecca, 20%);
.element {
color: $white-mecca;
box-shadow: 0 0 0 2px rgba($white-mecca, 0.35);
}