Adlandırılmış renk · #EBE5D5
Diffused Light
Diffused Light, #EBE5D5: rgb(235 229 213), hsl(44 35% 88%), oklch(0.922 0.022 89.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Diffused Light color name →
#EBE5D5
oklch(0.922 0.022 89.8)
Renk dönüşümleri
- HEX
- #ebe5d5
- RGB
- rgb(235 229 213)
- HSL
- hsl(44 35% 88%)
- HWB
- hwb(44 84% 8%)
- OKLCH
- oklch(0.922 0.022 89.8)
- OKLab
- oklab(0.922 0 0.022)
- CIE Lab
- lab(91.09 0.09 8.59)
- LCH
- lch(91.09 8.59 89.4)
- CMYK
- cmyk(0% 3% 9% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDE8D9
- EFEADD
- F1EDE2
- F3EFE6
- F5F2EA
- F7F5EE
- F9F7F2
- FBFAF7
- FDFCFB
Koyu tonlar
- CCC7B9
- AEAA9E
- 918E83
- 75726A
- 5B5851
- 413F3A
- 292824
- 131210
- 030302
Gri tonlar
- E0DACC
- D5D0C3
- CAC6BB
- BFBBB2
- B4B1AA
- A9A7A1
- 9F9D99
- 949390
- 8A8A88
Renk uyumları
Tamamlayıcı +180°
- EBE5D5
Diffused Light
- DFE5F5
≈ Crystal Falls
Analog -30° +30°
- EBE5D5
Diffused Light
- F1E2D7
≈ Victorian Pearl
- E3E8D7
≈ Milkweed
Üçlü +120° +240°
- EBE5D5
Diffused Light
- D5EAED
≈ Enchanted Evening
- EEE0ED
≈ Heaven Sent
Bölünmüş tamamlayıcı +150° +210°
- EBE5D5
Diffused Light
- D9E8F3
≈ Icicle Veil
- E7E2F2
≈ Romantic Cruise
Dörtlü +90° +180° +270°
- EBE5D5
Diffused Light
- D6EBE6
≈ Stillness
- DFE5F5
≈ Crystal Falls
- F3E0E5
≈ Candy Mix
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.70:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.70:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--diffused-light: #ebe5d5;
--diffused-light-rgb: 235 229 213;
--diffused-light-oklch: oklch(0.922 0.022 89.8);
}
.element {
color: var(--diffused-light);
background-color: hsl(44 35% 88%);
border-color: oklch(0.922 0.022 89.8);
}Tailwind CSS v4
@theme {
--color-diffused-light: #ebe5d5;
--color-diffused-light-50: #f7f5ee;
--color-diffused-light-100: #eae8e0;
--color-diffused-light-200: #d7d4ca;
--color-diffused-light-300: #bbb7ab;
--color-diffused-light-400: #a39e90;
--color-diffused-light-500: #8c8676;
--color-diffused-light-600: #767164;
--color-diffused-light-700: #5f5b50;
--color-diffused-light-800: #46423a;
--color-diffused-light-900: #302e28;
--color-diffused-light-950: #1c1a16;
}SCSS
$diffused-light: #ebe5d5;
$diffused-light-rgb: 235, 229, 213;
$diffused-light-light: mix(#fff, $diffused-light, 20%);
$diffused-light-dark: mix(#000, $diffused-light, 20%);
.element {
color: $diffused-light;
box-shadow: 0 0 0 2px rgba($diffused-light, 0.35);
}