Najbliższy nazwany kolor · #F98E87
#F98E87
Najbliższy nazwany kolor: Vinaceous Cinnamon
#F98E87 (rgb(249 142 135), hsl(4 90% 75%), oklch(0.759 0.131 24.6)) jest najbliższy nazwanemu kolorowi Vinaceous Cinnamon. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F98E87
oklch(0.759 0.131 24.6)
Konwersje koloru
- HEX
- #f98e87
- RGB
- rgb(249 142 135)
- HSL
- hsl(4 90% 75%)
- HWB
- hwb(4 53% 2%)
- OKLCH
- oklch(0.759 0.131 24.6)
- OKLab
- oklab(0.759 0.119 0.054)
- CIE Lab
- lab(70.83 40.88 22.46)
- LCH
- lch(70.83 46.65 28.8)
- CMYK
- cmyk(0% 43% 46% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FB9A93
- FDA59F
- FEB1AA
- FFBCB6
- FFC7C2
- FFD3CE
- FFDEDA
- FFE9E6
- FFF4F3
Odcienie ciemniejsze
- D97B75
- B96863
- 9A5651
- 7D4441
- 613431
- 462421
- 2C1513
- 150706
- 030101
Tony
- ED8D87
- E18C86
- D58B85
- C98A85
- BD8984
- B18783
- A58683
- 998482
- 8D8281
Harmonie kolorów
Komplementarna +180°
- F98E87
Vinaceous Cinnamon
- 00C8D7
≈ Turquoise Surf
Analogowa -30° +30°
- F98E87
Vinaceous Cinnamon
- F18CB6
≈ Brown Knapweed
- F0995B
≈ Ridgeback
Triada +120° +240°
- F98E87
Vinaceous Cinnamon
- 7AC77B
≈ Garden Stroll
- 8AAFFF
≈ Kitten’s Eye
Komplementarna rozszczepiona +150° +210°
- F98E87
Vinaceous Cinnamon
- 36CCAB
≈ Mint Leaf
- 4CBEF7
≈ Megaman
Tetrada +90° +180° +270°
- F98E87
Vinaceous Cinnamon
- AFBA50
≈ Japanese Fern
- 00C8D7
≈ Turquoise Surf
- B6A0FB
≈ Shy Moment
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.27:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.24:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.24:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--vinaceous-cinnamon: #f98e87;
--vinaceous-cinnamon-rgb: 249 142 135;
--vinaceous-cinnamon-oklch: oklch(0.759 0.131 24.6);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(4 90% 75%);
border-color: oklch(0.759 0.131 24.6);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f98e87;
--color-vinaceous-cinnamon-50: #ffe8e1;
--color-vinaceous-cinnamon-100: #ffd8d1;
--color-vinaceous-cinnamon-200: #ffbfb7;
--color-vinaceous-cinnamon-300: #f39d94;
--color-vinaceous-cinnamon-400: #e17e77;
--color-vinaceous-cinnamon-500: #cf5e59;
--color-vinaceous-cinnamon-600: #ae504c;
--color-vinaceous-cinnamon-700: #8c403c;
--color-vinaceous-cinnamon-800: #682d2d;
--color-vinaceous-cinnamon-900: #491f1e;
--color-vinaceous-cinnamon-950: #300e0e;
}SCSS
$vinaceous-cinnamon: #f98e87;
$vinaceous-cinnamon-rgb: 249, 142, 135;
$vinaceous-cinnamon-light: mix(#fff, $vinaceous-cinnamon, 20%);
$vinaceous-cinnamon-dark: mix(#000, $vinaceous-cinnamon, 20%);
.element {
color: $vinaceous-cinnamon;
box-shadow: 0 0 0 2px rgba($vinaceous-cinnamon, 0.35);
}