이름 색상 · #F5CD82
Cherokee
Cherokee은(는) #F5CD82: rgb(245 205 130), hsl(39 85% 74%), oklch(0.867 0.104 82.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cherokee color name →
#F5CD82
oklch(0.867 0.104 82.3)
색상 변환
- HEX
- #f5cd82
- RGB
- rgb(245 205 130)
- HSL
- hsl(39 85% 74%)
- HWB
- hwb(39 51% 4%)
- OKLCH
- oklch(0.867 0.104 82.3)
- OKLab
- oklab(0.867 0.014 0.103)
- CIE Lab
- lab(84.71 7.72 42.72)
- LCH
- lch(84.71 43.41 79.8)
- CMYK
- cmyk(0% 16% 47% 4%)
틴트 · 셰이드 · 톤
틴트
- F6D290
- F7D79D
- F8DCA9
- F9E1B6
- FAE6C2
- FBEBCF
- FCF0DB
- FDF5E7
- FEFAF3
셰이드
- D5B270
- B6985F
- 987E4E
- 7B663E
- 5F4E2F
- 443820
- 2B2312
- 150F06
- 030201
톤
- E9C583
- DDBD84
- D1B684
- C5AE84
- B9A684
- AD9E84
- A29783
- 968F82
- 8B8881
색 조화
보색 +180°
- F5CD82
Cherokee
- BCD4FF
≈ Ice Cold Stare
유사색 -30° +30°
- F5CD82
Cherokee
- FFC5A2
≈ Tomorrow’s Coral
- D4DB89
≈ Wax Green
삼각 배색 +120° +240°
- F5CD82
Cherokee
- 77E8F1
≈ Robin’s Egg
- F4BDFC
≈ Electric Lavender
분열 보색 +150° +210°
- F5CD82
Cherokee
- 9EDDFF
≈ Columbia Blue
- D4CBFF
≈ Lavender Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.50:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.93:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 13.93:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--cherokee: #f5cd82;
--cherokee-rgb: 245 205 130;
--cherokee-oklch: oklch(0.867 0.104 82.3);
}
.element {
color: var(--cherokee);
background-color: hsl(39 85% 74%);
border-color: oklch(0.867 0.104 82.3);
}Tailwind CSS v4
@theme {
--color-cherokee: #f5cd82;
--color-cherokee-50: #fff3d4;
--color-cherokee-100: #f8e6c1;
--color-cherokee-200: #e9d1a2;
--color-cherokee-300: #d0b379;
--color-cherokee-400: #bd9853;
--color-cherokee-500: #a87f25;
--color-cherokee-600: #8e6b22;
--color-cherokee-700: #72561b;
--color-cherokee-800: #553e11;
--color-cherokee-900: #3b2b0b;
--color-cherokee-950: #251801;
}SCSS
$cherokee: #f5cd82;
$cherokee-rgb: 245, 205, 130;
$cherokee-light: mix(#fff, $cherokee, 20%);
$cherokee-dark: mix(#000, $cherokee, 20%);
.element {
color: $cherokee;
box-shadow: 0 0 0 2px rgba($cherokee, 0.35);
}