가장 가까운 이름 색상 · #FFBC96
#FFBC96
가장 가까운 이름 색상: Blushing Cinnamon
#FFBC96(rgb(255 188 150), hsl(22 100% 79%), oklch(0.848 0.093 50.6))와 가장 가까운 이름 색상은 Blushing Cinnamon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFBC96
oklch(0.848 0.093 50.6)
색상 변환
- HEX
- #ffbc96
- RGB
- rgb(255 188 150)
- HSL
- hsl(22 100% 79%)
- HWB
- hwb(22 59% 0%)
- OKLCH
- oklch(0.848 0.093 50.6)
- OKLab
- oklab(0.848 0.059 0.072)
- CIE Lab
- lab(81.92 21.53 29.24)
- LCH
- lch(81.92 36.31 53.6)
- CMYK
- cmyk(0% 26% 41% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC3A1
- FFCAAB
- FFD0B6
- FFD7C0
- FFDECB
- FFE5D5
- FFEBE0
- FFF2EA
- FFF8F5
셰이드
- DEA382
- BE8B6E
- 9E735B
- 805D49
- 634737
- 483226
- 2E1F16
- 160D08
- 030201
톤
- F2B694
- E5B092
- D8AA90
- CBA48E
- BF9E8C
- B2988A
- A59287
- 998C85
- 8C8683
색 조화
보색 +180°
- FFBC96
Blushing Cinnamon
- 8CD9FF
≈ Tranquil Pool
유사색 -30° +30°
- FFBC96
Blushing Cinnamon
- FFB8B6
≈ Young Salmon
- EDC786
≈ Garbanzo Paste
삼각 배색 +120° +240°
- FFBC96
Blushing Cinnamon
- 8CE1C5
≈ Clean Green
- CCC5FF
≈ Innocent Snowdrop
분열 보색 +150° +210°
- FFBC96
Blushing Cinnamon
- 7EE0E6
≈ Turkish Turquoise
- B1CEFF
≈ Ice Cold Stare
사각 배색 +90° +180° +270°
- FFBC96
Blushing Cinnamon
- ACDDA3
≈ Green Gooseberry
- 8CD9FF
≈ Tranquil Pool
- E9BAF3
≈ Lovecloud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.62:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.88:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--blushing-cinnamon: #ffbc96;
--blushing-cinnamon-rgb: 255 188 150;
--blushing-cinnamon-oklch: oklch(0.848 0.093 50.6);
}
.element {
color: var(--blushing-cinnamon);
background-color: hsl(22 100% 79%);
border-color: oklch(0.848 0.093 50.6);
}Tailwind CSS v4
@theme {
--color-blushing-cinnamon: #ffbc96;
--color-blushing-cinnamon-50: #ffefdd;
--color-blushing-cinnamon-100: #ffe0cc;
--color-blushing-cinnamon-200: #f5cab0;
--color-blushing-cinnamon-300: #deab8b;
--color-blushing-cinnamon-400: #cb8e6c;
--color-blushing-cinnamon-500: #b7734b;
--color-blushing-cinnamon-600: #9b6240;
--color-blushing-cinnamon-700: #7c4e33;
--color-blushing-cinnamon-800: #5c3825;
--color-blushing-cinnamon-900: #412618;
--color-blushing-cinnamon-950: #291509;
}SCSS
$blushing-cinnamon: #ffbc96;
$blushing-cinnamon-rgb: 255, 188, 150;
$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);
}