이름 색상 · #C8987E
Chinook Salmon
Chinook Salmon은(는) #C8987E: rgb(200 152 126), hsl(21 40% 64%), oklch(0.718 0.068 49.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Chinook Salmon color name →
#C8987E
oklch(0.718 0.068 49.7)
색상 변환
- HEX
- #c8987e
- RGB
- rgb(200 152 126)
- HSL
- hsl(21 40% 64%)
- HWB
- hwb(21 49% 22%)
- OKLCH
- oklch(0.718 0.068 49.7)
- OKLab
- oklab(0.718 0.044 0.052)
- CIE Lab
- lab(66.99 15.98 21.04)
- LCH
- lch(66.99 26.42 52.8)
- CMYK
- cmyk(0% 24% 37% 22%)
틴트 · 셰이드 · 톤
틴트
- CEA28B
- D4AC97
- D9B6A4
- DFC1B1
- E4CBBD
- EAD5CA
- EFE0D7
- F5EAE4
- FAF4F2
셰이드
- AE846D
- 94705C
- 7B5C4C
- 634A3C
- 4C382D
- 36271F
- 211711
- 0F0805
- 020101
톤
- C1967E
- BA937F
- B2917F
- AB8F7F
- A48C80
- 9D8A80
- 968780
- 8E8580
- 878380
색 조화
보색 +180°
- C8987E
Chinook Salmon
- 76ADC7
≈ Soul Blue
유사색 -30° +30°
- C8987E
Chinook Salmon
- CC9393
≈ Minstrel Rose
- BBA073
≈ Mesa
삼각 배색 +120° +240°
- C8987E
Chinook Salmon
- 78B29D
≈ Beau Monde
- A39DCD
≈ Wistful
분열 보색 +150° +210°
- C8987E
Chinook Salmon
- 6EB1B5
≈ Dexter
- 8BA5D0
≈ Anode
사각 배색 +90° +180° +270°
- C8987E
Chinook Salmon
- 8EAF86
≈ Pear Cactus
- 76ADC7
≈ Soul Blue
- B797BF
≈ Atlantic Tulip
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.54:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.24:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--chinook-salmon: #c8987e;
--chinook-salmon-rgb: 200 152 126;
--chinook-salmon-oklch: oklch(0.718 0.068 49.7);
}
.element {
color: var(--chinook-salmon);
background-color: hsl(21 40% 64%);
border-color: oklch(0.718 0.068 49.7);
}Tailwind CSS v4
@theme {
--color-chinook-salmon: #c8987e;
--color-chinook-salmon-50: #fff0e4;
--color-chinook-salmon-100: #fce2d4;
--color-chinook-salmon-200: #edcdba;
--color-chinook-salmon-300: #d5ae98;
--color-chinook-salmon-400: #c0937b;
--color-chinook-salmon-500: #ab795d;
--color-chinook-salmon-600: #91664f;
--color-chinook-salmon-700: #74523f;
--color-chinook-salmon-800: #563b2e;
--color-chinook-salmon-900: #3c291f;
--color-chinook-salmon-950: #26160f;
}SCSS
$chinook-salmon: #c8987e;
$chinook-salmon-rgb: 200, 152, 126;
$chinook-salmon-light: mix(#fff, $chinook-salmon, 20%);
$chinook-salmon-dark: mix(#000, $chinook-salmon, 20%);
.element {
color: $chinook-salmon;
box-shadow: 0 0 0 2px rgba($chinook-salmon, 0.35);
}