Couleur nommée la plus proche · #F9BE9C
#F9BE9C
Couleur nommée la plus proche: Blushing Cinnamon
#F9BE9C (rgb(249 190 156), hsl(22 89% 79%), oklch(0.847 0.082 51.2)) est la plus proche de la couleur nommée Blushing Cinnamon. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F9BE9C
oklch(0.847 0.082 51.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FAC5A6
- FBCBB0
- FCD2BA
- FDD8C4
- FDDFCE
- FEE5D7
- FEECE1
- FFF2EB
- FFF9F5
Ombres
- D9A587
- B98C73
- 9A755F
- 7D5E4C
- 614839
- 463328
- 2C1F18
- 150D09
- 030201
Tons
- EDB899
- E0B297
- D4AB94
- C8A591
- BC9F8F
- AF998C
- A49389
- 988C86
- 8C8683
Harmonies de couleurs
Complémentaire +180°
- F9BE9C
Blushing Cinnamon
- 95D7F9
≈ Shiva Blue
Analogue -30° +30°
- F9BE9C
Blushing Cinnamon
- FEB8B5
≈ Young Salmon
- E8C88F
≈ Norman Shaw Goldspar
Triadique +120° +240°
- F9BE9C
Blushing Cinnamon
- 94DFC6
≈ Clean Green
- CCC4FF
≈ Innocent Snowdrop
Complémentaire divisée +150° +210°
- F9BE9C
Blushing Cinnamon
- 89DDE3
≈ Paradisiacal Getaway
- B1CEFF
≈ Ice Cold Stare
Tétradique +90° +180° +270°
- F9BE9C
Blushing Cinnamon
- AFDBA9
≈ Fizz
- 95D7F9
≈ Shiva Blue
- E6BCEE
≈ Lovecloud
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.63:1 · APCA Lc 28
Ag
AAASur noir
WCAG 12.87:1 · APCA Lc 75
Meilleure couleur de texte: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Extraits de code
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);
}