最も近い色名 · #F9BE9C
#F9BE9C
最も近い色名: Blushing Cinnamon
#F9BE9C（rgb(249 190 156)、hsl(22 89% 79%)、oklch(0.847 0.082 51.2)）に最も近い色名はBlushing Cinnamonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F9BE9C
oklch(0.847 0.082 51.2)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- FAC5A6
- FBCBB0
- FCD2BA
- FDD8C4
- FDDFCE
- FEE5D7
- FEECE1
- FFF2EB
- FFF9F5
シェード
- D9A587
- B98C73
- 9A755F
- 7D5E4C
- 614839
- 463328
- 2C1F18
- 150D09
- 030201
トーン
- EDB899
- E0B297
- D4AB94
- C8A591
- BC9F8F
- AF998C
- A49389
- 988C86
- 8C8683
カラーハーモニー
補色 +180°
- F9BE9C
Blushing Cinnamon
- 95D7F9
≈ Shiva Blue
類似色 -30° +30°
- F9BE9C
Blushing Cinnamon
- FEB8B5
≈ Young Salmon
- E8C88F
≈ Norman Shaw Goldspar
トライアド +120° +240°
- F9BE9C
Blushing Cinnamon
- 94DFC6
≈ Clean Green
- CCC4FF
≈ Innocent Snowdrop
スプリットコンプリメンタリー +150° +210°
- F9BE9C
Blushing Cinnamon
- 89DDE3
≈ Paradisiacal Getaway
- B1CEFF
≈ Ice Cold Stare
テトラード +90° +180° +270°
- F9BE9C
Blushing Cinnamon
- AFDBA9
≈ Fizz
- 95D7F9
≈ Shiva Blue
- E6BCEE
≈ Lovecloud
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.63:1 · APCA Lc 28
Ag
AAA黒の上
WCAG 12.87:1 · APCA Lc 75
最適な文字色: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
コードスニペット
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);
}