Nazwany kolor · #F2EABF
Limesicle
Limesicle to #F2EABF: rgb(242 234 191), hsl(51 66% 85%), oklch(0.933 0.057 98.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Limesicle color name →
#F2EABF
oklch(0.933 0.057 98.6)
Konwersje koloru
- HEX
- #f2eabf
- RGB
- rgb(242 234 191)
- HSL
- hsl(51 66% 85%)
- HWB
- hwb(51 75% 5%)
- OKLCH
- oklch(0.933 0.057 98.6)
- OKLab
- oklab(0.933 -0.008 0.056)
- CIE Lab
- lab(92.53 -2.2 22.01)
- LCH
- lch(92.53 22.12 95.7)
- CMYK
- cmyk(0% 3% 21% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F3ECC6
- F5EECC
- F6F0D2
- F7F3D9
- F8F5DF
- FAF7E6
- FBF9EC
- FCFBF2
- FEFDF9
Odcienie ciemniejsze
- D2CBA6
- B4AE8D
- 969175
- 79755E
- 5E5A48
- 434133
- 2B291F
- 14130D
- 030302
Tony
- E6DFB9
- DAD4B2
- CEC9AC
- C3BEA6
- B7B49F
- ACA999
- A19F93
- 96948D
- 8B8A86
Harmonie kolorów
Komplementarna +180°
- F2EABF
Limesicle
- E3E7FF
≈ Cyber Lavender
Analogowa -30° +30°
- F2EABF
Limesicle
- FFE4C7
≈ Satin Blush
- DDF1C9
≈ Green Glint
Triada +120° +240°
- F2EABF
Limesicle
- C5F1FF
≈ Heaven’s Gate
- FFDDF3
≈ Silky Pink
Komplementarna rozszczepiona +150° +210°
- F2EABF
Limesicle
- D8EBFF
≈ Cloudless
- F1E2FF
≈ Lavender Savour
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.29:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.29:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--limesicle: #f2eabf;
--limesicle-rgb: 242 234 191;
--limesicle-oklch: oklch(0.933 0.057 98.6);
}
.element {
color: var(--limesicle);
background-color: hsl(51 66% 85%);
border-color: oklch(0.933 0.057 98.6);
}Tailwind CSS v4
@theme {
--color-limesicle: #f2eabf;
--color-limesicle-50: #f8f6e4;
--color-limesicle-100: #ece9d4;
--color-limesicle-200: #d9d5ba;
--color-limesicle-300: #bdb998;
--color-limesicle-400: #a79f79;
--color-limesicle-500: #90875b;
--color-limesicle-600: #79724d;
--color-limesicle-700: #615b3e;
--color-limesicle-800: #48432c;
--color-limesicle-900: #322e1d;
--color-limesicle-950: #1e1b0d;
}SCSS
$limesicle: #f2eabf;
$limesicle-rgb: 242, 234, 191;
$limesicle-light: mix(#fff, $limesicle, 20%);
$limesicle-dark: mix(#000, $limesicle, 20%);
.element {
color: $limesicle;
box-shadow: 0 0 0 2px rgba($limesicle, 0.35);
}