En yakın adlandırılmış renk · #EDEAE3
#EDEAE3
En yakın adlandırılmış renk: Salt
#EDEAE3 (rgb(237 234 227), hsl(42 22% 91%), oklch(0.937 0.01 87.5)) en çok Salt 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.
#EDEAE3
oklch(0.937 0.01 87.5)
Renk dönüşümleri
- HEX
- #edeae3
- RGB
- rgb(237 234 227)
- HSL
- hsl(42 22% 91%)
- HWB
- hwb(42 89% 7%)
- OKLCH
- oklch(0.937 0.01 87.5)
- OKLab
- oklab(0.937 0 0.01)
- CIE Lab
- lab(92.79 0.14 3.78)
- LCH
- lch(92.79 3.79 87.9)
- CMYK
- cmyk(0% 1% 4% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFECE6
- F1EEE9
- F2F0EB
- F4F2EE
- F6F4F1
- F8F7F4
- FAF9F7
- FBFBF9
- FDFDFC
Koyu tonlar
- CECBC5
- B0AEA8
- 93918C
- 777571
- 5C5A57
- 42413F
- 2A2927
- 141312
- 030303
Gri tonlar
- E2DFD9
- D6D4CE
- CBC9C4
- C0BEBA
- B5B4B0
- AAA9A6
- 9F9F9D
- 959493
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EDEAE3
Salt
- E7EAF1
≈ Diamond Cut
Analog -30° +30°
Üçlü +120° +240°
- EDEAE3
Salt
- E3ECEE
≈ Aquafir
- EEE8EE
≈ Greek Goddess
Bölünmüş tamamlayıcı +150° +210°
- EDEAE3
Salt
- E4EBF0
≈ Out Cold
- EBE9F0
≈ Diamond Cut
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.47:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.47:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--salt: #edeae3;
--salt-rgb: 237 234 227;
--salt-oklch: oklch(0.937 0.01 87.5);
}
.element {
color: var(--salt);
background-color: hsl(42 22% 91%);
border-color: oklch(0.937 0.01 87.5);
}Tailwind CSS v4
@theme {
--color-salt: #edeae3;
--color-salt-50: #f6f5f2;
--color-salt-100: #e9e8e4;
--color-salt-200: #d6d4cf;
--color-salt-300: #b9b7b2;
--color-salt-400: #a19e98;
--color-salt-500: #89867f;
--color-salt-600: #74716b;
--color-salt-700: #5d5b56;
--color-salt-800: #44423f;
--color-salt-900: #2f2e2b;
--color-salt-950: #1b1a18;
}SCSS
$salt: #edeae3;
$salt-rgb: 237, 234, 227;
$salt-light: mix(#fff, $salt, 20%);
$salt-dark: mix(#000, $salt, 20%);
.element {
color: $salt;
box-shadow: 0 0 0 2px rgba($salt, 0.35);
}