En yakın adlandırılmış renk · #EBEDE8
#EBEDE8
En yakın adlandırılmış renk: Pegasus
#EBEDE8 (rgb(235 237 232), hsl(84 12% 92%), oklch(0.943 0.007 124.5)) en çok Pegasus 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.
#EBEDE8
oklch(0.943 0.007 124.5)
Renk dönüşümleri
- HEX
- #ebede8
- RGB
- rgb(235 237 232)
- HSL
- hsl(84 12% 92%)
- HWB
- hwb(84 91% 7%)
- OKLCH
- oklch(0.943 0.007 124.5)
- OKLab
- oklab(0.943 -0.004 0.006)
- CIE Lab
- lab(93.49 -1.35 2.18)
- LCH
- lch(93.49 2.57 121.8)
- CMYK
- cmyk(1% 0% 2% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDEFEA
- EFF1ED
- F1F2EF
- F3F4F1
- F5F6F3
- F7F8F6
- F9FAF8
- FBFBFA
- FDFDFD
Koyu tonlar
- CCCECA
- AEB0AC
- 919390
- 757774
- 5B5C59
- 414240
- 292A29
- 131413
- 030303
Gri tonlar
- E0E2DD
- D5D6D2
- CACBC8
- BFC0BD
- B4B5B3
- A9AAA8
- 9F9F9E
- 949594
- 8A8A8A
Renk uyumları
Tamamlayıcı +180°
- EBEDE8
Pegasus
- EDEBF0
≈ Bright Grey
Analog -30° +30°
- EBEDE8
Pegasus
- EEECE7
≈ Metropolitan White
- E9EEEA
≈ Snail Trail Silver
Üçlü +120° +240°
- EBEDE8
Pegasus
- E8EDF1
≈ Walls of Santorini
- F1EAEB
≈ Charolais Cattle
Bölünmüş tamamlayıcı +150° +210°
- EBEDE8
Pegasus
- EBECF1
≈ Bright Grey
- EFEAEE
≈ Greek Goddess
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.17:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.81:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.81:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--pegasus: #ebede8;
--pegasus-rgb: 235 237 232;
--pegasus-oklch: oklch(0.943 0.007 124.5);
}
.element {
color: var(--pegasus);
background-color: hsl(84 12% 92%);
border-color: oklch(0.943 0.007 124.5);
}Tailwind CSS v4
@theme {
--color-pegasus: #ebede8;
--color-pegasus-50: #f4f5f3;
--color-pegasus-100: #e7e8e6;
--color-pegasus-200: #d3d5d2;
--color-pegasus-300: #b6b8b4;
--color-pegasus-400: #9d9f9b;
--color-pegasus-500: #858782;
--color-pegasus-600: #71726e;
--color-pegasus-700: #5a5b58;
--color-pegasus-800: #424340;
--color-pegasus-900: #2d2e2c;
--color-pegasus-950: #1a1b19;
}SCSS
$pegasus: #ebede8;
$pegasus-rgb: 235, 237, 232;
$pegasus-light: mix(#fff, $pegasus, 20%);
$pegasus-dark: mix(#000, $pegasus, 20%);
.element {
color: $pegasus;
box-shadow: 0 0 0 2px rgba($pegasus, 0.35);
}