이름 색상 · #DBBBA7
Cinnamon Ice
Cinnamon Ice은(는) #DBBBA7: rgb(219 187 167), hsl(23 42% 76%), oklch(0.814 0.046 53.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cinnamon Ice color name →
#DBBBA7
oklch(0.814 0.046 53.9)
색상 변환
- HEX
- #dbbba7
- RGB
- rgb(219 187 167)
- HSL
- hsl(23 42% 76%)
- HWB
- hwb(23 65% 14%)
- OKLCH
- oklch(0.814 0.046 53.9)
- OKLab
- oklab(0.814 0.027 0.037)
- CIE Lab
- lab(78.3 9.58 14.63)
- LCH
- lch(78.3 17.49 56.8)
- CMYK
- cmyk(0% 15% 24% 14%)
틴트 · 셰이드 · 톤
틴트
- DFC2B0
- E2C8B8
- E6CFC1
- EAD6CA
- EDDDD2
- F1E4DB
- F4EAE4
- F8F1ED
- FCF8F6
셰이드
- BEA291
- A28A7B
- 877366
- 6D5C52
- 54463E
- 3C322C
- 261F1A
- 110D0A
- 020201
톤
- D2B5A3
- C8AF9F
- BFA99B
- B6A397
- AD9D94
- A49790
- 9B918C
- 928C88
- 898684
색 조화
보색 +180°
- DBBBA7
Cinnamon Ice
- A6C8DC
≈ Sea Cliff
유사색 -30° +30°
- DBBBA7
Cinnamon Ice
- DFB7B4
≈ Cherry Tree
- D1C0A1
≈ Final Straw
삼각 배색 +120° +240°
- DBBBA7
Cinnamon Ice
- A4CDC0
≈ Tareyton
- C3BDDE
≈ Purple Dragon
분열 보색 +150° +210°
- DBBBA7
Cinnamon Ice
- A0CCD0
≈ Sea Dew
- B3C3E1
≈ Eternal Elegance
사각 배색 +90° +180° +270°
- DBBBA7
Cinnamon Ice
- B1CBB0
≈ Relish
- A6C8DC
≈ Sea Cliff
- D2B9D4
≈ Petite Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.79:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.67:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.67:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--cinnamon-ice: #dbbba7;
--cinnamon-ice-rgb: 219 187 167;
--cinnamon-ice-oklch: oklch(0.814 0.046 53.9);
}
.element {
color: var(--cinnamon-ice);
background-color: hsl(23 42% 76%);
border-color: oklch(0.814 0.046 53.9);
}Tailwind CSS v4
@theme {
--color-cinnamon-ice: #dbbba7;
--color-cinnamon-ice-50: #fff2e9;
--color-cinnamon-ice-100: #f5e4da;
--color-cinnamon-ice-200: #e4d0c2;
--color-cinnamon-ice-300: #cbb2a1;
--color-cinnamon-ice-400: #b59885;
--color-cinnamon-ice-500: #9f7e6a;
--color-cinnamon-ice-600: #866b5a;
--color-cinnamon-ice-700: #6c5647;
--color-cinnamon-ice-800: #503e34;
--color-cinnamon-ice-900: #372b23;
--color-cinnamon-ice-950: #221812;
}SCSS
$cinnamon-ice: #dbbba7;
$cinnamon-ice-rgb: 219, 187, 167;
$cinnamon-ice-light: mix(#fff, $cinnamon-ice, 20%);
$cinnamon-ice-dark: mix(#000, $cinnamon-ice, 20%);
.element {
color: $cinnamon-ice;
box-shadow: 0 0 0 2px rgba($cinnamon-ice, 0.35);
}