이름 색상 · #CC8822
Chicken Masala
Chicken Masala은(는) #CC8822: rgb(204 136 34), hsl(36 71% 47%), oklch(0.68 0.136 71.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Chicken Masala color name →
#CC8822
oklch(0.68 0.136 71.1)
색상 변환
- HEX
- #cc8822
- RGB
- rgb(204 136 34)
- HSL
- hsl(36 71% 47%)
- HWB
- hwb(36 13% 20%)
- OKLCH
- oklch(0.68 0.136 71.1)
- OKLab
- oklab(0.68 0.044 0.129)
- CIE Lab
- lab(62.66 21.11 60.5)
- LCH
- lch(62.66 64.07 70.8)
- CMYK
- cmyk(0% 33% 83% 20%)
틴트 · 셰이드 · 톤
틴트
- D29442
- D7A05B
- DDAC71
- E2B886
- E7C49A
- ECD0AF
- F1DBC3
- F6E7D7
- FAF3EB
셰이드
- B1751C
- 976316
- 7E5211
- 65410B
- 4E3107
- 372203
- 221301
- 0F0600
- 020100
톤
- C58834
- BD8741
- B6874C
- AE8656
- A7855E
- 9F8566
- 97846D
- 908374
- 88817A
색 조화
보색 +180°
- CC8822
Chicken Masala
- 529CE9
≈ Perfect Days
유사색 -30° +30°
- CC8822
Chicken Masala
- DD7953
≈ Peachy Scene
- AB9A19
≈ Lucky
삼각 배색 +120° +240°
- CC8822
Chicken Masala
- 00AFAA
≈ Tropical Tree
- B37ED6
≈ Lavender Blossom
분열 보색 +150° +210°
- CC8822
Chicken Masala
- 00A9CE
≈ Gummy Dolphins
- 8A8DEA
≈ Perrywinkle
사각 배색 +90° +180° +270°
- CC8822
Chicken Masala
- 30B27D
≈ Salsify Grass
- 529CE9
≈ Perfect Days
- D074B1
≈ Sky Magenta
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.95:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.11:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--chicken-masala: #cc8822;
--chicken-masala-rgb: 204 136 34;
--chicken-masala-oklch: oklch(0.68 0.136 71.1);
}
.element {
color: var(--chicken-masala);
background-color: hsl(36 71% 47%);
border-color: oklch(0.68 0.136 71.1);
}Tailwind CSS v4
@theme {
--color-chicken-masala: #cc8822;
--color-chicken-masala-50: #fff0cb;
--color-chicken-masala-100: #ffe2b6;
--color-chicken-masala-200: #f8cc93;
--color-chicken-masala-300: #e2ac65;
--color-chicken-masala-400: #d08f35;
--color-chicken-masala-500: #bd7300;
--color-chicken-masala-600: #9f6200;
--color-chicken-masala-700: #804e00;
--color-chicken-masala-800: #603800;
--color-chicken-masala-900: #432600;
--color-chicken-masala-950: #2b1400;
}SCSS
$chicken-masala: #cc8822;
$chicken-masala-rgb: 204, 136, 34;
$chicken-masala-light: mix(#fff, $chicken-masala, 20%);
$chicken-masala-dark: mix(#000, $chicken-masala, 20%);
.element {
color: $chicken-masala;
box-shadow: 0 0 0 2px rgba($chicken-masala, 0.35);
}