En yakın adlandırılmış renk · #E5E5E9
#E5E5E9
En yakın adlandırılmış renk: Festive Ferret
#E5E5E9 (rgb(229 229 233), hsl(240 8% 91%), oklch(0.923 0.005 286.3)) en çok Festive Ferret 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.
#E5E5E9
oklch(0.923 0.005 286.3)
Renk dönüşümleri
- HEX
- #e5e5e9
- RGB
- rgb(229 229 233)
- HSL
- hsl(240 8% 91%)
- HWB
- hwb(240 90% 9%)
- OKLCH
- oklch(0.923 0.005 286.3)
- OKLab
- oklab(0.923 0.002 -0.005)
- CIE Lab
- lab(91.03 0.54 -1.95)
- LCH
- lch(91.03 2.03 285.4)
- CMYK
- cmyk(2% 2% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8E8EB
- EAEAED
- EDEDF0
- EFEFF2
- F2F2F4
- F5F5F6
- F7F7F8
- FAFAFB
- FCFCFD
Koyu tonlar
- C7C7CB
- AAAAAD
- 8E8E90
- 727274
- 58585A
- 3F3F41
- 282829
- 121213
- 030303
Gri tonlar
- DADADE
- D0D0D3
- C6C6C8
- BBBBBE
- B1B1B3
- A7A7A9
- 9D9D9E
- 939394
- 8A8A8A
Renk uyumları
Tamamlayıcı +180°
- E5E5E9
Festive Ferret
- E6E6E2
≈ Pearl Brite
Analog -30° +30°
- E5E5E9
Festive Ferret
- E3E6E9
≈ Little Dipper
- E7E4E8
≈ Winter Orchid
Üçlü +120° +240°
- E5E5E9
Festive Ferret
- E9E4E3
≈ Winged Victory
- E2E7E5
≈ Silent White
Bölünmüş tamamlayıcı +150° +210°
- E5E5E9
Festive Ferret
- E8E5E2
≈ Soft Violet
- E4E6E3
≈ Blanc de Blanc
Dörtlü +90° +180° +270°
- E5E5E9
Festive Ferret
- E9E4E4
≈ Antique Petal
- E6E6E2
≈ Pearl Brite
- E2E7E7
≈ White Lake
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.71:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.71:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--festive-ferret: #e5e5e9;
--festive-ferret-rgb: 229 229 233;
--festive-ferret-oklch: oklch(0.923 0.005 286.3);
}
.element {
color: var(--festive-ferret);
background-color: hsl(240 8% 91%);
border-color: oklch(0.923 0.005 286.3);
}Tailwind CSS v4
@theme {
--color-festive-ferret: #e5e5e9;
--color-festive-ferret-50: #f5f5f6;
--color-festive-ferret-100: #e8e7e9;
--color-festive-ferret-200: #d4d4d6;
--color-festive-ferret-300: #b7b7ba;
--color-festive-ferret-400: #9e9ea1;
--color-festive-ferret-500: #86868a;
--color-festive-ferret-600: #717174;
--color-festive-ferret-700: #5a5a5d;
--color-festive-ferret-800: #424244;
--color-festive-ferret-900: #2e2e2f;
--color-festive-ferret-950: #1a1a1c;
}SCSS
$festive-ferret: #e5e5e9;
$festive-ferret-rgb: 229, 229, 233;
$festive-ferret-light: mix(#fff, $festive-ferret, 20%);
$festive-ferret-dark: mix(#000, $festive-ferret, 20%);
.element {
color: $festive-ferret;
box-shadow: 0 0 0 2px rgba($festive-ferret, 0.35);
}