En yakın adlandırılmış renk · #EFECDD
#EFECDD
En yakın adlandırılmış renk: Onion Skin
#EFECDD (rgb(239 236 221), hsl(50 36% 90%), oklch(0.941 0.02 97.5)) en çok Onion Skin 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.
#EFECDD
oklch(0.941 0.02 97.5)
Renk dönüşümleri
- HEX
- #efecdd
- RGB
- rgb(239 236 221)
- HSL
- hsl(50 36% 90%)
- HWB
- hwb(50 87% 6%)
- OKLCH
- oklch(0.941 0.02 97.5)
- OKLab
- oklab(0.941 -0.003 0.02)
- CIE Lab
- lab(93.33 -0.86 7.68)
- LCH
- lch(93.33 7.72 96.4)
- CMYK
- cmyk(0% 1% 8% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1EEE0
- F2F0E4
- F4F2E7
- F5F4EB
- F7F5EE
- F9F7F1
- FAF9F5
- FCFBF8
- FDFDFC
Koyu tonlar
- D0CDC0
- B1AFA4
- 949288
- 78766E
- 5C5B55
- 42423D
- 2A2926
- 141311
- 030302
Gri tonlar
- E3E1D3
- D8D5CA
- CCCAC0
- C1BFB7
- B6B5AD
- ABAAA4
- A09F9B
- 959592
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EFECDD
Onion Skin
- E8EBF9
≈ Icy Lilac
Analog -30° +30°
- EFECDD
Onion Skin
- F5E9DE
≈ Silk Elegance
- E8EEE0
≈ At Ease
Üçlü +120° +240°
- EFECDD
Onion Skin
- DEEFF5
≈ Diamond White
- F5E7F0
≈ Snow Plum
Bölünmüş tamamlayıcı +150° +210°
- EFECDD
Onion Skin
- E1EDF9
≈ Husky
- EFE8F6
≈ Bright Dusk
Dörtlü +90° +180° +270°
- EFECDD
Onion Skin
- DDF0EE
≈ Soar
- E8EBF9
≈ Icy Lilac
- F9E6E9
≈ Hepatica
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.18:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.71:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--onion-skin: #efecdd;
--onion-skin-rgb: 239 236 221;
--onion-skin-oklch: oklch(0.941 0.02 97.5);
}
.element {
color: var(--onion-skin);
background-color: hsl(50 36% 90%);
border-color: oklch(0.941 0.02 97.5);
}Tailwind CSS v4
@theme {
--color-onion-skin: #efecdd;
--color-onion-skin-50: #f6f5ef;
--color-onion-skin-100: #e9e8e1;
--color-onion-skin-200: #d6d5cb;
--color-onion-skin-300: #bab8ac;
--color-onion-skin-400: #a19f91;
--color-onion-skin-500: #8a8678;
--color-onion-skin-600: #747265;
--color-onion-skin-700: #5d5b51;
--color-onion-skin-800: #44423b;
--color-onion-skin-900: #2f2e28;
--color-onion-skin-950: #1c1b16;
}SCSS
$onion-skin: #efecdd;
$onion-skin-rgb: 239, 236, 221;
$onion-skin-light: mix(#fff, $onion-skin, 20%);
$onion-skin-dark: mix(#000, $onion-skin, 20%);
.element {
color: $onion-skin;
box-shadow: 0 0 0 2px rgba($onion-skin, 0.35);
}