이름 색상 · #AC4F06
Cinnamon Bun
Cinnamon Bun은(는) #AC4F06: rgb(172 79 6), hsl(26 93% 35%), oklch(0.537 0.141 49.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Cinnamon Bun color name →
#AC4F06
oklch(0.537 0.141 49.2)
색상 변환
- HEX
- #ac4f06
- RGB
- rgb(172 79 6)
- HSL
- hsl(26 93% 35%)
- HWB
- hwb(26 2% 33%)
- OKLCH
- oklch(0.537 0.141 49.2)
- OKLab
- oklab(0.537 0.092 0.107)
- CIE Lab
- lab(45.35 36.5 53.62)
- LCH
- lch(45.35 64.86 55.8)
- CMYK
- cmyk(0% 54% 97% 33%)
틴트 · 셰이드 · 톤
틴트
- B6612E
- BF7348
- C8845F
- D19676
- DAA78C
- E2B8A3
- E9CAB9
- F1DBD0
- F8EDE8
셰이드
- 954404
- 7F3803
- 692E02
- 542301
- 401901
- 2D1000
- 1B0700
- 0B0200
- 010000
톤
- A95520
- A55B2F
- A1603C
- 9D6647
- 996B51
- 956F5B
- 907465
- 8B786E
- 867C77
색 조화
보색 +180°
- AC4F06
Cinnamon Bun
- 00789F
≈ Mitchell Blue
유사색 -30° +30°
- AC4F06
Cinnamon Bun
- B1454C
≈ Intrigue Red
- 906500
≈ Alligator
삼각 배색 +120° +240°
- AC4F06
Cinnamon Bun
- 008163
≈ Generic Viridian
- 6D5CB9
≈ Blue Marguerite
분열 보색 +150° +210°
- AC4F06
Cinnamon Bun
- 007D82
≈ Macquarie
- 376CBE
≈ Matt Blue
사각 배색 +90° +180° +270°
- AC4F06
Cinnamon Bun
- 3C8027
≈ Bilbao
- 00789F
≈ Mitchell Blue
- 904FA1
≈ Vicious Violet
대비 및 접근성
Ag
AA흰색 위
WCAG 5.41:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.87:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--cinnamon-bun: #ac4f06;
--cinnamon-bun-rgb: 172 79 6;
--cinnamon-bun-oklch: oklch(0.537 0.141 49.2);
}
.element {
color: var(--cinnamon-bun);
background-color: hsl(26 93% 35%);
border-color: oklch(0.537 0.141 49.2);
}Tailwind CSS v4
@theme {
--color-cinnamon-bun: #ac4f06;
--color-cinnamon-bun-50: #ffebd1;
--color-cinnamon-bun-100: #ffdbbe;
--color-cinnamon-bun-200: #ffc49d;
--color-cinnamon-bun-300: #f1a273;
--color-cinnamon-bun-400: #e0834d;
--color-cinnamon-bun-500: #ce641b;
--color-cinnamon-bun-600: #ae551a;
--color-cinnamon-bun-700: #8c4415;
--color-cinnamon-bun-800: #68300f;
--color-cinnamon-bun-900: #492109;
--color-cinnamon-bun-950: #301000;
}SCSS
$cinnamon-bun: #ac4f06;
$cinnamon-bun-rgb: 172, 79, 6;
$cinnamon-bun-light: mix(#fff, $cinnamon-bun, 20%);
$cinnamon-bun-dark: mix(#000, $cinnamon-bun, 20%);
.element {
color: $cinnamon-bun;
box-shadow: 0 0 0 2px rgba($cinnamon-bun, 0.35);
}