Najbliższy nazwany kolor · #F9BE9C
#F9BE9C
Najbliższy nazwany kolor: Blushing Cinnamon
#F9BE9C (rgb(249 190 156), hsl(22 89% 79%), oklch(0.847 0.082 51.2)) jest najbliższy nazwanemu kolorowi Blushing Cinnamon. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F9BE9C
oklch(0.847 0.082 51.2)
Konwersje koloru
- HEX
- #f9be9c
- RGB
- rgb(249 190 156)
- HSL
- hsl(22 89% 79%)
- HWB
- hwb(22 61% 2%)
- OKLCH
- oklch(0.847 0.082 51.2)
- OKLab
- oklab(0.847 0.051 0.064)
- CIE Lab
- lab(81.84 18.68 25.85)
- LCH
- lch(81.84 31.89 54.2)
- CMYK
- cmyk(0% 24% 37% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FAC5A6
- FBCBB0
- FCD2BA
- FDD8C4
- FDDFCE
- FEE5D7
- FEECE1
- FFF2EB
- FFF9F5
Odcienie ciemniejsze
- D9A587
- B98C73
- 9A755F
- 7D5E4C
- 614839
- 463328
- 2C1F18
- 150D09
- 030201
Tony
- EDB899
- E0B297
- D4AB94
- C8A591
- BC9F8F
- AF998C
- A49389
- 988C86
- 8C8683
Harmonie kolorów
Komplementarna +180°
- F9BE9C
Blushing Cinnamon
- 95D7F9
≈ Shiva Blue
Analogowa -30° +30°
- F9BE9C
Blushing Cinnamon
- FEB8B5
≈ Young Salmon
- E8C88F
≈ Norman Shaw Goldspar
Triada +120° +240°
- F9BE9C
Blushing Cinnamon
- 94DFC6
≈ Clean Green
- CCC4FF
≈ Innocent Snowdrop
Komplementarna rozszczepiona +150° +210°
- F9BE9C
Blushing Cinnamon
- 89DDE3
≈ Paradisiacal Getaway
- B1CEFF
≈ Ice Cold Stare
Tetrada +90° +180° +270°
- F9BE9C
Blushing Cinnamon
- AFDBA9
≈ Fizz
- 95D7F9
≈ Shiva Blue
- E6BCEE
≈ Lovecloud
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.87:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--blushing-cinnamon: #f9be9c;
--blushing-cinnamon-rgb: 249 190 156;
--blushing-cinnamon-oklch: oklch(0.847 0.082 51.2);
}
.element {
color: var(--blushing-cinnamon);
background-color: hsl(22 89% 79%);
border-color: oklch(0.847 0.082 51.2);
}Tailwind CSS v4
@theme {
--color-blushing-cinnamon: #f9be9c;
--color-blushing-cinnamon-50: #ffefe0;
--color-blushing-cinnamon-100: #ffe1cf;
--color-blushing-cinnamon-200: #f1cbb4;
--color-blushing-cinnamon-300: #daac90;
--color-blushing-cinnamon-400: #c69172;
--color-blushing-cinnamon-500: #b27652;
--color-blushing-cinnamon-600: #966446;
--color-blushing-cinnamon-700: #785038;
--color-blushing-cinnamon-800: #5a3a28;
--color-blushing-cinnamon-900: #3f281b;
--color-blushing-cinnamon-950: #28150b;
}SCSS
$blushing-cinnamon: #f9be9c;
$blushing-cinnamon-rgb: 249, 190, 156;
$blushing-cinnamon-light: mix(#fff, $blushing-cinnamon, 20%);
$blushing-cinnamon-dark: mix(#000, $blushing-cinnamon, 20%);
.element {
color: $blushing-cinnamon;
box-shadow: 0 0 0 2px rgba($blushing-cinnamon, 0.35);
}