En yakın adlandırılmış renk · #E6E9DC
#E6E9DC
En yakın adlandırılmış renk: Olive Conquering White
#E6E9DC (rgb(230 233 220), hsl(74 23% 89%), oklch(0.928 0.018 117.3)) en çok Olive Conquering 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.
#E6E9DC
oklch(0.928 0.018 117.3)
Renk dönüşümleri
- HEX
- #e6e9dc
- RGB
- rgb(230 233 220)
- HSL
- hsl(74 23% 89%)
- HWB
- hwb(74 86% 9%)
- OKLCH
- oklch(0.928 0.018 117.3)
- OKLab
- oklab(0.928 -0.008 0.016)
- CIE Lab
- lab(91.85 -2.74 5.97)
- LCH
- lch(91.85 6.57 114.6)
- CMYK
- cmyk(1% 0% 6% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8EBDF
- EBEDE3
- EDF0E6
- F0F2EA
- F2F4ED
- F5F6F1
- F7F8F4
- FAFBF8
- FCFDFB
Koyu tonlar
- C8CBBF
- ABADA3
- 8E9088
- 73746E
- 595A54
- 40413C
- 282926
- 131311
- 030302
Gri tonlar
- DBDED2
- D1D3C9
- C6C8BF
- BCBEB6
- B2B3AD
- A7A9A4
- 9D9E9B
- 939492
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- E6E9DC
Olive Conquering White
- E8E5F2
≈ Modest Violet
Analog -30° +30°
- E6E9DC
Olive Conquering White
- ECE7DA
≈ Dried Coconut
- E0EBE1
≈ Country Mist
Üçlü +120° +240°
- E6E9DC
Olive Conquering White
- DDE9F2
≈ Freeze Up
- F2E3E7
≈ Be Mine
Bölünmüş tamamlayıcı +150° +210°
- E6E9DC
Olive Conquering White
- E2E7F3
≈ Crystal Falls
- EEE3ED
≈ Faded Fuchsia
Dörtlü +90° +180° +270°
- E6E9DC
Olive Conquering White
- DBEBED
≈ Blue Flax
- E8E5F2
≈ Modest Violet
- F3E3E1
≈ Pink Emulsion
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.05:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--olive-conquering-white: #e6e9dc;
--olive-conquering-white-rgb: 230 233 220;
--olive-conquering-white-oklch: oklch(0.928 0.018 117.3);
}
.element {
color: var(--olive-conquering-white);
background-color: hsl(74 23% 89%);
border-color: oklch(0.928 0.018 117.3);
}Tailwind CSS v4
@theme {
--color-olive-conquering-white: #e6e9dc;
--color-olive-conquering-white-50: #f4f6f0;
--color-olive-conquering-white-100: #e7e9e2;
--color-olive-conquering-white-200: #d3d5cd;
--color-olive-conquering-white-300: #b6b9af;
--color-olive-conquering-white-400: #9da094;
--color-olive-conquering-white-500: #85887b;
--color-olive-conquering-white-600: #717368;
--color-olive-conquering-white-700: #5a5c53;
--color-olive-conquering-white-800: #42433c;
--color-olive-conquering-white-900: #2d2e29;
--color-olive-conquering-white-950: #1a1b17;
}SCSS
$olive-conquering-white: #e6e9dc;
$olive-conquering-white-rgb: 230, 233, 220;
$olive-conquering-white-light: mix(#fff, $olive-conquering-white, 20%);
$olive-conquering-white-dark: mix(#000, $olive-conquering-white, 20%);
.element {
color: $olive-conquering-white;
box-shadow: 0 0 0 2px rgba($olive-conquering-white, 0.35);
}