Najbliższy nazwany kolor · #F09D9E
#F09D9E
Najbliższy nazwany kolor: Funki Porcini
#F09D9E (rgb(240 157 158), hsl(359 73% 78%), oklch(0.779 0.1 18.8)) jest najbliższy nazwanemu kolorowi Funki Porcini. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F09D9E
oklch(0.779 0.1 18.8)
Konwersje koloru
- HEX
- #f09d9e
- RGB
- rgb(240 157 158)
- HSL
- hsl(359 73% 78%)
- HWB
- hwb(359 62% 6%)
- OKLCH
- oklch(0.779 0.1 18.8)
- OKLab
- oklab(0.779 0.094 0.032)
- CIE Lab
- lab(73.31 31.91 12.99)
- LCH
- lch(73.31 34.45 22.2)
- CMYK
- cmyk(0% 35% 34% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2A7A7
- F5B1B1
- F7BBBA
- F8C4C4
- FACECE
- FBD8D7
- FDE2E1
- FEEBEB
- FEF5F5
Odcienie ciemniejsze
- D18889
- B27374
- 955F60
- 784C4D
- 5D3A3A
- 432829
- 2A1818
- 140909
- 030101
Tony
- E59A9B
- DA9898
- CE9595
- C39292
- B88F8F
- AD8C8C
- A28989
- 978686
- 8B8383
Harmonie kolorów
Komplementarna +180°
- F09D9E
Funki Porcini
- 5ECACF
≈ Watercourse
Analogowa -30° +30°
- F09D9E
Funki Porcini
- E79DC1
≈ Be My Valentine
- EBA47E
≈ Orange Clay
Triada +120° +240°
- F09D9E
Funki Porcini
- 97C789
≈ Frenzy Plant
- 90B9F7
≈ Carolina Blue
Komplementarna rozszczepiona +150° +210°
- F09D9E
Funki Porcini
- 71CCAC
≈ Aquarium Blue
- 6DC3EA
≈ Spritzig
Tetrada +90° +180° +270°
- F09D9E
Funki Porcini
- BCBC6F
≈ Savannah Grass
- 5ECACF
≈ Watercourse
- B4ADF3
≈ Winterspring Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.09:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.02:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 10.02:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--funki-porcini: #f09d9e;
--funki-porcini-rgb: 240 157 158;
--funki-porcini-oklch: oklch(0.779 0.1 18.8);
}
.element {
color: var(--funki-porcini);
background-color: hsl(359 73% 78%);
border-color: oklch(0.779 0.1 18.8);
}Tailwind CSS v4
@theme {
--color-funki-porcini: #f09d9e;
--color-funki-porcini-50: #ffebe9;
--color-funki-porcini-100: #ffdbda;
--color-funki-porcini-200: #fcc4c2;
--color-funki-porcini-300: #e6a3a2;
--color-funki-porcini-400: #d38687;
--color-funki-porcini-500: #bf696c;
--color-funki-porcini-600: #a15a5c;
--color-funki-porcini-700: #824749;
--color-funki-porcini-800: #603336;
--color-funki-porcini-900: #432325;
--color-funki-porcini-950: #2b1213;
}SCSS
$funki-porcini: #f09d9e;
$funki-porcini-rgb: 240, 157, 158;
$funki-porcini-light: mix(#fff, $funki-porcini, 20%);
$funki-porcini-dark: mix(#000, $funki-porcini, 20%);
.element {
color: $funki-porcini;
box-shadow: 0 0 0 2px rgba($funki-porcini, 0.35);
}