Nazwany kolor · #FADE79
Ravioli al Limone
Ravioli al Limone to #FADE79: rgb(250 222 121), hsl(47 93% 73%), oklch(0.903 0.125 94.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Ravioli al Limone color name →
#FADE79
oklch(0.903 0.125 94.2)
Konwersje koloru
- HEX
- #fade79
- RGB
- rgb(250 222 121)
- HSL
- hsl(47 93% 73%)
- HWB
- hwb(47 47% 2%)
- OKLCH
- oklch(0.903 0.125 94.2)
- OKLab
- oklab(0.903 -0.009 0.125)
- CIE Lab
- lab(89.3 0.9 52.67)
- LCH
- lch(89.3 52.68 89)
- CMYK
- cmyk(0% 11% 52% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FAE289
- FBE597
- FBE9A5
- FCECB3
- FCEFC0
- FDF2CD
- FDF6DA
- FEF9E6
- FEFCF3
Odcienie ciemniejsze
- D9C168
- BAA558
- 9B8948
- 7D6F39
- 61552B
- 463D1D
- 2D2610
- 151205
- 030201
Tony
- EDD47C
- E0CB7E
- D4C17F
- C7B881
- BBAE81
- AFA582
- A39C82
- 979281
- 8B8981
Harmonie kolorów
Komplementarna +180°
- FADE79
Ravioli al Limone
- D5DEFF
≈ Transparent Blue
Analogowa -30° +30°
- FADE79
Ravioli al Limone
- FFD7B2
≈ Delicious Melon
- CDEE8F
≈ Laced Green
Triada +120° +240°
- FADE79
Ravioli al Limone
- A2EDFF
≈ Alpine Expedition
- FFCDF4
≈ Kissed by Mist
Komplementarna rozszczepiona +150° +210°
- FADE79
Ravioli al Limone
- C4E4FF
≈ Fresh Water
- E7D6FF
≈ Rose Dragée
Tetrada +90° +180° +270°
- FADE79
Ravioli al Limone
- 6DFAE9
≈ Icy Life
- D5DEFF
≈ Transparent Blue
- FFD1DB
≈ Light Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.78:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--ravioli-al-limone: #fade79;
--ravioli-al-limone-rgb: 250 222 121;
--ravioli-al-limone-oklch: oklch(0.903 0.125 94.2);
}
.element {
color: var(--ravioli-al-limone);
background-color: hsl(47 93% 73%);
border-color: oklch(0.903 0.125 94.2);
}Tailwind CSS v4
@theme {
--color-ravioli-al-limone: #fade79;
--color-ravioli-al-limone-50: #fff6ce;
--color-ravioli-al-limone-100: #f4e9b9;
--color-ravioli-al-limone-200: #e4d597;
--color-ravioli-al-limone-300: #cab86a;
--color-ravioli-al-limone-400: #b69d3c;
--color-ravioli-al-limone-500: #a18300;
--color-ravioli-al-limone-600: #886f00;
--color-ravioli-al-limone-700: #6d5900;
--color-ravioli-al-limone-800: #524000;
--color-ravioli-al-limone-900: #392c00;
--color-ravioli-al-limone-950: #231900;
}SCSS
$ravioli-al-limone: #fade79;
$ravioli-al-limone-rgb: 250, 222, 121;
$ravioli-al-limone-light: mix(#fff, $ravioli-al-limone, 20%);
$ravioli-al-limone-dark: mix(#000, $ravioli-al-limone, 20%);
.element {
color: $ravioli-al-limone;
box-shadow: 0 0 0 2px rgba($ravioli-al-limone, 0.35);
}