이름 색상 · #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);
}