이름 색상 · #DD7722
Cherokee Dignity
Cherokee Dignity은(는) #DD7722: rgb(221 119 34), hsl(27 73% 50%), oklch(0.672 0.155 54.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cherokee Dignity color name →
#DD7722
oklch(0.672 0.155 54.3)
색상 변환
- HEX
- #dd7722
- RGB
- rgb(221 119 34)
- HSL
- hsl(27 73% 50%)
- HWB
- hwb(27 13% 13%)
- OKLCH
- oklch(0.672 0.155 54.3)
- OKLab
- oklab(0.672 0.091 0.126)
- CIE Lab
- lab(61.14 36.83 60.44)
- LCH
- lch(61.14 70.78 58.6)
- CMYK
- cmyk(0% 46% 85% 13%)
틴트 · 셰이드 · 톤
틴트
- E28542
- E6935A
- EBA170
- EEAF85
- F2BC9A
- F5CAAE
- F8D7C2
- FBE4D6
- FDF2EB
셰이드
- C0671C
- A45716
- 884711
- 6E380B
- 552A07
- 3D1C03
- 261001
- 110500
- 020100
톤
- D47934
- CB7B41
- C27C4B
- B97D55
- B07E5D
- A77F65
- 9E806C
- 948073
- 8A807A
색 조화
보색 +180°
- DD7722
Cherokee Dignity
- 00A2DF
≈ Vanadyl Blue
유사색 -30° +30°
- DD7722
Cherokee Dignity
- E66A65
≈ Childhood Crush
- BD8D00
≈ Moutarde de Bénichon
삼각 배색 +120° +240°
- DD7722
Cherokee Dignity
- 00AF90
≈ Hobgoblin
- 9D80EB
≈ Forgotten Purple
분열 보색 +150° +210°
- DD7722
Cherokee Dignity
- 00AAB6
≈ Bluebird
- 6592F5
≈ Guilliman Blue
사각 배색 +90° +180° +270°
- DD7722
Cherokee Dignity
- 50AE54
≈ Chlorella Green
- 00A2DF
≈ Vanadyl Blue
- C471CB
≈ Gulābī Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.11:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.73:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--cherokee-dignity: #dd7722;
--cherokee-dignity-rgb: 221 119 34;
--cherokee-dignity-oklch: oklch(0.672 0.155 54.3);
}
.element {
color: var(--cherokee-dignity);
background-color: hsl(27 73% 50%);
border-color: oklch(0.672 0.155 54.3);
}Tailwind CSS v4
@theme {
--color-cherokee-dignity: #dd7722;
--color-cherokee-dignity-50: #ffebcb;
--color-cherokee-dignity-100: #ffdbb6;
--color-cherokee-dignity-200: #ffc393;
--color-cherokee-dignity-300: #f4a265;
--color-cherokee-dignity-400: #e38238;
--color-cherokee-dignity-500: #d16200;
--color-cherokee-dignity-600: #b15400;
--color-cherokee-dignity-700: #8e4300;
--color-cherokee-dignity-800: #6a2f00;
--color-cherokee-dignity-900: #4b2000;
--color-cherokee-dignity-950: #310f00;
}SCSS
$cherokee-dignity: #dd7722;
$cherokee-dignity-rgb: 221, 119, 34;
$cherokee-dignity-light: mix(#fff, $cherokee-dignity, 20%);
$cherokee-dignity-dark: mix(#000, $cherokee-dignity, 20%);
.element {
color: $cherokee-dignity;
box-shadow: 0 0 0 2px rgba($cherokee-dignity, 0.35);
}