Nazwany kolor · #FFFBA8
Lemon Slice
Lemon Slice to #FFFBA8: rgb(255 251 168), hsl(57 100% 83%), oklch(0.973 0.103 105.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lemon Slice color name →
#FFFBA8
oklch(0.973 0.103 105.8)
Konwersje koloru
- HEX
- #fffba8
- RGB
- rgb(255 251 168)
- HSL
- hsl(57 100% 83%)
- HWB
- hwb(57 66% 0%)
- OKLCH
- oklch(0.973 0.103 105.8)
- OKLab
- oklab(0.973 -0.028 0.1)
- CIE Lab
- lab(97.54 -7.45 40.35)
- LCH
- lch(97.54 41.03 100.5)
- CMYK
- cmyk(0% 2% 34% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFFCB2
- FFFCBB
- FFFDC4
- FFFDCD
- FFFDD5
- FFFEDE
- FFFEE6
- FFFFEF
- FFFFF7
Odcienie ciemniejsze
- DEDA92
- BEBA7C
- 9E9C67
- 807E52
- 63613F
- 48462C
- 2E2D1A
- 16150A
- 030301
Tony
- F2EEA5
- E4E1A1
- D7D59E
- CAC89A
- BDBC96
- B1B092
- A4A48E
- 989889
- 8C8C85
Harmonie kolorów
Komplementarna +180°
- FFFBA8
Lemon Slice
- F5F5FF
≈ Sugar Crystal
Analogowa -30° +30°
- FFFBA8
Lemon Slice
- FFF4E6
≈ Soft Pillow
- E6FFDB
≈ Nyanza
Triada +120° +240°
- FFFBA8
Lemon Slice
- EBF9FF
≈ Alice Blue
- FFF2F8
≈ Pinkish White
Komplementarna rozszczepiona +150° +210°
- FFFBA8
Lemon Slice
- F0F7FF
≈ Alice Blue
- FBF2FF
≈ Sugar Crystal
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.07:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.61:1 · APCA Lc 103
Najlepszy kolor tekstu: #000000
WCAG 19.61:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--lemon-slice: #fffba8;
--lemon-slice-rgb: 255 251 168;
--lemon-slice-oklch: oklch(0.973 0.103 105.8);
}
.element {
color: var(--lemon-slice);
background-color: hsl(57 100% 83%);
border-color: oklch(0.973 0.103 105.8);
}Tailwind CSS v4
@theme {
--color-lemon-slice: #fffba8;
--color-lemon-slice-50: #f8f8d6;
--color-lemon-slice-100: #ebebc4;
--color-lemon-slice-200: #d8d8a5;
--color-lemon-slice-300: #bcbc7d;
--color-lemon-slice-400: #a7a256;
--color-lemon-slice-500: #908a2c;
--color-lemon-slice-600: #797527;
--color-lemon-slice-700: #615d1f;
--color-lemon-slice-800: #494413;
--color-lemon-slice-900: #322f0c;
--color-lemon-slice-950: #1e1b01;
}SCSS
$lemon-slice: #fffba8;
$lemon-slice-rgb: 255, 251, 168;
$lemon-slice-light: mix(#fff, $lemon-slice, 20%);
$lemon-slice-dark: mix(#000, $lemon-slice, 20%);
.element {
color: $lemon-slice;
box-shadow: 0 0 0 2px rgba($lemon-slice, 0.35);
}