Adlandırılmış renk · #EEEDDF
Onion Skin
Onion Skin, #EEEDDF: rgb(238 237 223), hsl(56 31% 90%), oklch(0.943 0.019 103.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Onion Skin color name →
#EEEDDF
oklch(0.943 0.019 103.4)
Renk dönüşümleri
- HEX
- #eeeddf
- RGB
- rgb(238 237 223)
- HSL
- hsl(56 31% 90%)
- HWB
- hwb(56 87% 7%)
- OKLCH
- oklch(0.943 0.019 103.4)
- OKLab
- oklab(0.943 -0.004 0.018)
- CIE Lab
- lab(93.54 -1.44 6.93)
- LCH
- lch(93.54 7.08 101.8)
- CMYK
- cmyk(0% 0% 6% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0EFE2
- F1F1E5
- F3F2E9
- F5F4EC
- F6F6EF
- F8F8F2
- FAFAF5
- FCFBF9
- FDFDFC
Koyu tonlar
- CFCEC2
- B1B0A5
- 93938A
- 77776F
- 5C5C56
- 42423D
- 2A2A27
- 141412
- 030302
Gri tonlar
- E2E2D5
- D7D6CB
- CCCBC2
- C1C0B8
- B5B5AE
- AAAAA5
- A09F9C
- 959592
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EEEDDF
Onion Skin
- EAEBF9
≈ Silver Phoenix
Analog -30° +30°
- EEEDDF
Onion Skin
- F4EBDF
≈ Egret
- E7EFE3
≈ At Ease
Üçlü +120° +240°
- EEEDDF
Onion Skin
- E0EFF5
≈ Diamond White
- F6E8EF
≈ Snow Plum
Bölünmüş tamamlayıcı +150° +210°
- EEEDDF
Onion Skin
- E4EDF9
≈ Cotton Boll
- F1E9F5
≈ Perfume Haze
Dörtlü +90° +180° +270°
- EEEDDF
Onion Skin
- DFF0F0
≈ Soar
- EAEBF9
≈ Silver Phoenix
- F8E7E8
≈ Rose Sugar
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 {
--onion-skin: #eeeddf;
--onion-skin-rgb: 238 237 223;
--onion-skin-oklch: oklch(0.943 0.019 103.4);
}
.element {
color: var(--onion-skin);
background-color: hsl(56 31% 90%);
border-color: oklch(0.943 0.019 103.4);
}Tailwind CSS v4
@theme {
--color-onion-skin: #eeeddf;
--color-onion-skin-50: #f6f5ef;
--color-onion-skin-100: #e8e8e1;
--color-onion-skin-200: #d5d5cc;
--color-onion-skin-300: #b8b8ad;
--color-onion-skin-400: #a09f93;
--color-onion-skin-500: #888779;
--color-onion-skin-600: #737267;
--color-onion-skin-700: #5c5b52;
--color-onion-skin-800: #44433b;
--color-onion-skin-900: #2f2e29;
--color-onion-skin-950: #1b1b17;
}SCSS
$onion-skin: #eeeddf;
$onion-skin-rgb: 238, 237, 223;
$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);
}