لون مسمّى · #E6F2A2
Dingy Sticky Note
Dingy Sticky Note هو #E6F2A2: rgb(230 242 162)، hsl(69 75% 79%)، oklch(0.934 0.102 115.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Dingy Sticky Note color name →
#E6F2A2
oklch(0.934 0.102 115.4)
تحويلات الألوان
- HEX
- #e6f2a2
- RGB
- rgb(230 242 162)
- HSL
- hsl(69 75% 79%)
- HWB
- hwb(69 64% 5%)
- OKLCH
- oklch(0.934 0.102 115.4)
- OKLab
- oklab(0.934 -0.044 0.093)
- CIE Lab
- lab(93.21 -13.23 37.28)
- LCH
- lch(93.21 39.56 109.5)
- CMYK
- cmyk(5% 0% 33% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E8F3AC
- EBF5B6
- EDF6BF
- F0F8C9
- F2F9D2
- F5FADB
- F7FBE4
- FAFDED
- FCFEF6
درجات داكنة
- C8D28C
- ABB477
- 8E9663
- 73794F
- 595E3C
- 40432A
- 282B19
- 13140A
- 030301
درجات رمادية
- DBE69F
- D1DA9C
- C6CF99
- BCC396
- B1B893
- A7AC8F
- 9DA18C
- 939688
- 8A8B84
تناسق الألوان
متمم +180°
- E6F2A2
Dingy Sticky Note
- EAE5FF
≈ Cyber Lavender
متجاور -30° +30°
- E6F2A2
Dingy Sticky Note
- FFE6B3
≈ Vanilla Ice Cream
- BEFCBF
≈ Glow in the Dark
ثلاثي +120° +240°
- E6F2A2
Dingy Sticky Note
- D2EEFF
≈ Ice Castle
- FFDFEA
≈ Baby Girl
متمم منقسم +150° +210°
- E6F2A2
Dingy Sticky Note
- DFE9FF
≈ Husky
- FEDCFF
≈ Sugarpills
رباعي +90° +180° +270°
- E6F2A2
Dingy Sticky Note
- B4F7FF
≈ Pale Sky
- EAE5FF
≈ Cyber Lavender
- FFE1DE
≈ Red Remains
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.19:1 · APCA Lc 9
Ag
AAAعلى الأسود
WCAG 17.58:1 · APCA Lc 95
أفضل لون للنص: #000000
WCAG 17.58:1 (AAA) · APCA Lc 95
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--dingy-sticky-note: #e6f2a2;
--dingy-sticky-note-rgb: 230 242 162;
--dingy-sticky-note-oklch: oklch(0.934 0.102 115.4);
}
.element {
color: var(--dingy-sticky-note);
background-color: hsl(69 75% 79%);
border-color: oklch(0.934 0.102 115.4);
}Tailwind CSS v4
@theme {
--color-dingy-sticky-note: #e6f2a2;
--color-dingy-sticky-note-50: #f2fad9;
--color-dingy-sticky-note-100: #e5edc7;
--color-dingy-sticky-note-200: #d0dba9;
--color-dingy-sticky-note-300: #b3bf82;
--color-dingy-sticky-note-400: #9ca65d;
--color-dingy-sticky-note-500: #848e36;
--color-dingy-sticky-note-600: #6f782f;
--color-dingy-sticky-note-700: #596025;
--color-dingy-sticky-note-800: #424618;
--color-dingy-sticky-note-900: #2e3010;
--color-dingy-sticky-note-950: #1b1d03;
}SCSS
$dingy-sticky-note: #e6f2a2;
$dingy-sticky-note-rgb: 230, 242, 162;
$dingy-sticky-note-light: mix(#fff, $dingy-sticky-note, 20%);
$dingy-sticky-note-dark: mix(#000, $dingy-sticky-note, 20%);
.element {
color: $dingy-sticky-note;
box-shadow: 0 0 0 2px rgba($dingy-sticky-note, 0.35);
}