Najbliższy nazwany kolor · #F76F76
#F76F76
Najbliższy nazwany kolor: Begonia
#F76F76 (rgb(247 111 118), hsl(357 89% 70%), oklch(0.708 0.167 19.2)) jest najbliższy nazwanemu kolorowi Begonia. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F76F76
oklch(0.708 0.167 19.2)
Konwersje koloru
- HEX
- #f76f76
- RGB
- rgb(247 111 118)
- HSL
- hsl(357 89% 70%)
- HWB
- hwb(357 44% 3%)
- OKLCH
- oklch(0.708 0.167 19.2)
- OKLab
- oklab(0.708 0.158 0.055)
- CIE Lab
- lab(64.31 53.56 23.25)
- LCH
- lch(64.31 58.39 23.5)
- CMYK
- cmyk(0% 55% 52% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FA7F83
- FC8E91
- FE9D9E
- FFABAC
- FFB9B9
- FFC8C7
- FFD5D5
- FFE3E3
- FFF1F1
Odcienie ciemniejsze
- D76066
- B75156
- 994247
- 7C3438
- 602729
- 451A1C
- 2C0E0F
- 150405
- 030101
Tony
- EC7277
- E17579
- D5787A
- CA7A7B
- BE7B7C
- B27D7D
- A67E7E
- 9A7F7E
- 8D807F
Harmonie kolorów
Komplementarna +180°
- F76F76
Begonia
- 00B7BD
≈ Cyan Sky
Analogowa -30° +30°
- F76F76
Begonia
- EA70B1
≈ Amaranth
- F17C30
≈ Iceland Poppy
Triada +120° +240°
- F76F76
Begonia
- 64B94C
≈ Pure Apple
- 64A0FF
≈ Âbi Blue
Komplementarna rozszczepiona +150° +210°
- F76F76
Begonia
- 00BC92
≈ Mountain Meadow
- 00B0E6
≈ Blue Atoll
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.49:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.49:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--begonia: #f76f76;
--begonia-rgb: 247 111 118;
--begonia-oklch: oklch(0.708 0.167 19.2);
}
.element {
color: var(--begonia);
background-color: hsl(357 89% 70%);
border-color: oklch(0.708 0.167 19.2);
}Tailwind CSS v4
@theme {
--color-begonia: #f76f76;
--color-begonia-50: #ffe3e0;
--color-begonia-100: #ffd2d0;
--color-begonia-200: #ffb8b5;
--color-begonia-300: #ff9392;
--color-begonia-400: #f17076;
--color-begonia-500: #df4b58;
--color-begonia-600: #bc404b;
--color-begonia-700: #97333b;
--color-begonia-800: #71242d;
--color-begonia-900: #50181e;
--color-begonia-950: #35080e;
}SCSS
$begonia: #f76f76;
$begonia-rgb: 247, 111, 118;
$begonia-light: mix(#fff, $begonia, 20%);
$begonia-dark: mix(#000, $begonia, 20%);
.element {
color: $begonia;
box-shadow: 0 0 0 2px rgba($begonia, 0.35);
}