En yakın adlandırılmış renk · #E1ECF0
#E1ECF0
En yakın adlandırılmış renk: Diamond White
#E1ECF0 (rgb(225 236 240), hsl(196 33% 91%), oklch(0.936 0.013 221.4)) en çok Diamond White 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.
#E1ECF0
oklch(0.936 0.013 221.4)
Renk dönüşümleri
- HEX
- #e1ecf0
- RGB
- rgb(225 236 240)
- HSL
- hsl(196 33% 91%)
- HWB
- hwb(196 88% 6%)
- OKLCH
- oklch(0.936 0.013 221.4)
- OKLab
- oklab(0.936 -0.01 -0.009)
- CIE Lab
- lab(92.65 -3.23 -3.28)
- LCH
- lch(92.65 4.6 225.4)
- CMYK
- cmyk(6% 2% 0% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4EEF1
- E7F0F3
- EAF2F4
- EDF4F6
- F0F5F7
- F3F7F9
- F6F9FA
- F9FBFC
- FCFDFD
Koyu tonlar
- C4CDD1
- A7AFB2
- 8B9295
- 707678
- 565B5D
- 3E4243
- 27292A
- 121314
- 020303
Gri tonlar
- D7E1E4
- CDD5D9
- C3CACD
- B9BFC2
- AFB4B6
- A6AAAB
- 9C9FA0
- 939595
- 898A8B
Renk uyumları
Tamamlayıcı +180°
- E1ECF0
Diamond White
- F2E7E3
≈ Homoeopathic Orange
Analog -30° +30°
- E1ECF0
Diamond White
- E1EDEC
≈ Club Soda
- E4EBF2
≈ Out Cold
Üçlü +120° +240°
- E1ECF0
Diamond White
- F0E7EC
≈ Bride
- EBEAE1
≈ Luna Moon
Bölünmüş tamamlayıcı +150° +210°
- E1ECF0
Diamond White
- F2E6E7
≈ Mont Blanc Peak
- EFE9E1
≈ Villa White
Dörtlü +90° +180° +270°
- E1ECF0
Diamond White
- EDE7F0
≈ Tranquil Eve
- F2E7E3
≈ Homoeopathic Orange
- E7ECE3
≈ Calm Breeze
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.45:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.45:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--diamond-white: #e1ecf0;
--diamond-white-rgb: 225 236 240;
--diamond-white-oklch: oklch(0.936 0.013 221.4);
}
.element {
color: var(--diamond-white);
background-color: hsl(196 33% 91%);
border-color: oklch(0.936 0.013 221.4);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e1ecf0;
--color-diamond-white-50: #f1f6f8;
--color-diamond-white-100: #e3e9eb;
--color-diamond-white-200: #cfd5d8;
--color-diamond-white-300: #b1b9bc;
--color-diamond-white-400: #97a0a4;
--color-diamond-white-500: #7d888c;
--color-diamond-white-600: #6a7377;
--color-diamond-white-700: #555c5f;
--color-diamond-white-800: #3e4345;
--color-diamond-white-900: #2a2f30;
--color-diamond-white-950: #181b1c;
}SCSS
$diamond-white: #e1ecf0;
$diamond-white-rgb: 225, 236, 240;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}