En yakın adlandırılmış renk · #EAEEE9
#EAEEE9
En yakın adlandırılmış renk: Distant Cloud
#EAEEE9 (rgb(234 238 233), hsl(108 13% 92%), oklch(0.945 0.008 139.4)) en çok Distant Cloud 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.
#EAEEE9
oklch(0.945 0.008 139.4)
Renk dönüşümleri
- HEX
- #eaeee9
- RGB
- rgb(234 238 233)
- HSL
- hsl(108 13% 92%)
- HWB
- hwb(108 91% 7%)
- OKLCH
- oklch(0.945 0.008 139.4)
- OKLab
- oklab(0.945 -0.006 0.005)
- CIE Lab
- lab(93.68 -2.04 1.94)
- LCH
- lch(93.68 2.82 136.6)
- CMYK
- cmyk(2% 0% 2% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECF0EB
- EEF1ED
- F0F3F0
- F2F5F2
- F4F6F4
- F7F8F6
- F9FAF8
- FBFCFB
- FDFDFD
Koyu tonlar
- CBCFCB
- AEB1AD
- 919390
- 757774
- 5A5C5A
- 414241
- 292A29
- 131413
- 030303
Gri tonlar
- DFE2DE
- D4D7D3
- C9CCC8
- BEC1BE
- B4B5B3
- A9AAA9
- 9FA09E
- 949594
- 8A8A8A
Renk uyumları
Tamamlayıcı +180°
- EAEEE9
Distant Cloud
- EFEBF0
≈ Violet Clues
Analog -30° +30°
- EAEEE9
Distant Cloud
- EDEDE7
≈ Neutral White
- E8EEEC
≈ Kiss Me Kate
Üçlü +120° +240°
- EAEEE9
Distant Cloud
- EAEDF2
≈ Walls of Santorini
- F2EBEA
≈ Opulent Opal
Bölünmüş tamamlayıcı +150° +210°
- EAEEE9
Distant Cloud
- ECECF2
≈ Bright Grey
- F1EBED
≈ Sheikh White
Dörtlü +90° +180° +270°
- EAEEE9
Distant Cloud
- E8EEF1
≈ Walls of Santorini
- EFEBF0
≈ Violet Clues
- F1EBE8
≈ Charolais Cattle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.17:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 17.90:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.90:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--distant-cloud: #eaeee9;
--distant-cloud-rgb: 234 238 233;
--distant-cloud-oklch: oklch(0.945 0.008 139.4);
}
.element {
color: var(--distant-cloud);
background-color: hsl(108 13% 92%);
border-color: oklch(0.945 0.008 139.4);
}Tailwind CSS v4
@theme {
--color-distant-cloud: #eaeee9;
--color-distant-cloud-50: #f4f6f4;
--color-distant-cloud-100: #e6e8e6;
--color-distant-cloud-200: #d2d5d2;
--color-distant-cloud-300: #b5b8b5;
--color-distant-cloud-400: #9ca09b;
--color-distant-cloud-500: #838782;
--color-distant-cloud-600: #6f736e;
--color-distant-cloud-700: #595c58;
--color-distant-cloud-800: #414340;
--color-distant-cloud-900: #2d2e2c;
--color-distant-cloud-950: #1a1b19;
}SCSS
$distant-cloud: #eaeee9;
$distant-cloud-rgb: 234, 238, 233;
$distant-cloud-light: mix(#fff, $distant-cloud, 20%);
$distant-cloud-dark: mix(#000, $distant-cloud, 20%);
.element {
color: $distant-cloud;
box-shadow: 0 0 0 2px rgba($distant-cloud, 0.35);
}