色名 · #FFBF6E
Cinnamon Buff
Cinnamon Buffは#FFBF6E：rgb(255 191 110)、hsl(34 100% 72%)、oklch(0.847 0.123 71.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Cinnamon Buff color name →
#FFBF6E
oklch(0.847 0.123 71.4)
カラー変換
- HEX
- #ffbf6e
- RGB
- rgb(255 191 110)
- HSL
- hsl(34 100% 72%)
- HWB
- hwb(34 43% 0%)
- OKLCH
- oklch(0.847 0.123 71.4)
- OKLab
- oklab(0.847 0.039 0.116)
- CIE Lab
- lab(82.13 17.44 49.73)
- LCH
- lch(82.13 52.7 70.7)
- CMYK
- cmyk(0% 25% 57% 0%)
ティント · シェード · トーン
ティント
- FFC67E
- FFCC8E
- FFD39D
- FFD9AB
- FFE0BA
- FFE6C8
- FFECD6
- FFF3E4
- FFF9F1
シェード
- DEA65F
- BE8D50
- 9E7541
- 805E33
- 634826
- 483319
- 2E1F0E
- 160D04
- 030201
トーン
- F2B972
- E5B375
- D8AC77
- CBA67A
- BEA07C
- B2997D
- A5937E
- 998D7F
- 8C8680
カラーハーモニー
補色 +180°
- FFBF6E
Cinnamon Buff
- A8D1FF
≈ Baby Blue
類似色 -30° +30°
- FFBF6E
Cinnamon Buff
- FFBAA1
≈ Pallid Orange
- DECF6B
≈ Gluten
トライアド +120° +240°
- FFBF6E
Cinnamon Buff
- 55E6E0
≈ Near Moon
- E3BAFF
≈ Lavender Fragrance
スプリットコンプリメンタリー +150° +210°
- FFBF6E
Cinnamon Buff
- 73DDFF
≈ Athena Blue
- C4C8FF
≈ Light Periwinkle
テトラード +90° +180° +270°
- FFBF6E
Cinnamon Buff
- 7CE6B3
≈ Jittery Jade
- A8D1FF
≈ Baby Blue
- FFB0E2
≈ Hot Aquarelle Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.62:1 · APCA Lc 28
Ag
AAA黒の上
WCAG 12.92:1 · APCA Lc 75
最適な文字色: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--cinnamon-buff: #ffbf6e;
--cinnamon-buff-rgb: 255 191 110;
--cinnamon-buff-oklch: oklch(0.847 0.123 71.4);
}
.element {
color: var(--cinnamon-buff);
background-color: hsl(34 100% 72%);
border-color: oklch(0.847 0.123 71.4);
}Tailwind CSS v4
@theme {
--color-cinnamon-buff: #ffbf6e;
--color-cinnamon-buff-50: #fff1cf;
--color-cinnamon-buff-100: #ffe2bb;
--color-cinnamon-buff-200: #f5cd9a;
--color-cinnamon-buff-300: #deae6e;
--color-cinnamon-buff-400: #cb9144;
--color-cinnamon-buff-500: #b87600;
--color-cinnamon-buff-600: #9b6405;
--color-cinnamon-buff-700: #7d5007;
--color-cinnamon-buff-800: #5d3904;
--color-cinnamon-buff-900: #412704;
--color-cinnamon-buff-950: #2a1500;
}SCSS
$cinnamon-buff: #ffbf6e;
$cinnamon-buff-rgb: 255, 191, 110;
$cinnamon-buff-light: mix(#fff, $cinnamon-buff, 20%);
$cinnamon-buff-dark: mix(#000, $cinnamon-buff, 20%);
.element {
color: $cinnamon-buff;
box-shadow: 0 0 0 2px rgba($cinnamon-buff, 0.35);
}