Adlandırılmış renk · #E6F2A2
Dingy Sticky Note
Dingy Sticky Note, #E6F2A2: rgb(230 242 162), hsl(69 75% 79%), oklch(0.934 0.102 115.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Dingy Sticky Note color name →
#E6F2A2
oklch(0.934 0.102 115.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8F3AC
- EBF5B6
- EDF6BF
- F0F8C9
- F2F9D2
- F5FADB
- F7FBE4
- FAFDED
- FCFEF6
Koyu tonlar
- C8D28C
- ABB477
- 8E9663
- 73794F
- 595E3C
- 40432A
- 282B19
- 13140A
- 030301
Gri tonlar
- DBE69F
- D1DA9C
- C6CF99
- BCC396
- B1B893
- A7AC8F
- 9DA18C
- 939688
- 8A8B84
Renk uyumları
Tamamlayıcı +180°
- E6F2A2
Dingy Sticky Note
- EAE5FF
≈ Cyber Lavender
Analog -30° +30°
- E6F2A2
Dingy Sticky Note
- FFE6B3
≈ Vanilla Ice Cream
- BEFCBF
≈ Glow in the Dark
Üçlü +120° +240°
- E6F2A2
Dingy Sticky Note
- D2EEFF
≈ Ice Castle
- FFDFEA
≈ Baby Girl
Bölünmüş tamamlayıcı +150° +210°
- E6F2A2
Dingy Sticky Note
- DFE9FF
≈ Husky
- FEDCFF
≈ Sugarpills
Dörtlü +90° +180° +270°
- E6F2A2
Dingy Sticky Note
- B4F7FF
≈ Pale Sky
- EAE5FF
≈ Cyber Lavender
- FFE1DE
≈ Red Remains
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.19:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.58:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.58:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
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);
}