이름 색상 · #E2B6A7
Smoky Salmon
Smoky Salmon은(는) #E2B6A7: rgb(226 182 167), hsl(15 50% 77%), oklch(0.811 0.055 39.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Smoky Salmon color name →
#E2B6A7
oklch(0.811 0.055 39.7)
색상 변환
- HEX
- #e2b6a7
- RGB
- rgb(226 182 167)
- HSL
- hsl(15 50% 77%)
- HWB
- hwb(15 65% 11%)
- OKLCH
- oklch(0.811 0.055 39.7)
- OKLab
- oklab(0.811 0.043 0.035)
- CIE Lab
- lab(77.76 14.79 14)
- LCH
- lch(77.76 20.37 43.4)
- CMYK
- cmyk(0% 19% 26% 11%)
틴트 · 셰이드 · 톤
틴트
- E5BDB0
- E8C4B8
- EBCCC1
- EED3CA
- F1DAD2
- F4E2DB
- F7E9E4
- FAF0ED
- FCF8F6
셰이드
- C49E91
- A8867B
- 8C6F66
- 715952
- 57443E
- 3E302C
- 271D1A
- 120C0A
- 030201
톤
- D8B1A3
- CEAB9F
- C4A69B
- BAA097
- B09B93
- A79590
- 9D908C
- 938B88
- 8A8584
색 조화
보색 +180°
- E2B6A7
Smoky Salmon
- 9ACADA
≈ Soothing Blue
유사색 -30° +30°
- E2B6A7
Smoky Salmon
- E2B3B9
≈ Heart’s Content
- D9BC9B
≈ Soft Wheat
삼각 배색 +120° +240°
- E2B6A7
Smoky Salmon
- A3CDB5
≈ Calculus
- B9BEE5
≈ Pretty Posie
분열 보색 +150° +210°
- E2B6A7
Smoky Salmon
- 98CDC9
≈ Clear Cove
- A7C5E4
≈ Water Wash
사각 배색 +90° +180° +270°
- E2B6A7
Smoky Salmon
- B6C9A4
≈ Seacrest
- 9ACADA
≈ Soothing Blue
- CCB8DD
≈ Viking Diva
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.82:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.48:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.48:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--smoky-salmon: #e2b6a7;
--smoky-salmon-rgb: 226 182 167;
--smoky-salmon-oklch: oklch(0.811 0.055 39.7);
}
.element {
color: var(--smoky-salmon);
background-color: hsl(15 50% 77%);
border-color: oklch(0.811 0.055 39.7);
}Tailwind CSS v4
@theme {
--color-smoky-salmon: #e2b6a7;
--color-smoky-salmon-50: #fff0e9;
--color-smoky-salmon-100: #f9e2da;
--color-smoky-salmon-200: #eacdc2;
--color-smoky-salmon-300: #d1afa2;
--color-smoky-salmon-400: #bc9486;
--color-smoky-salmon-500: #a77a6b;
--color-smoky-salmon-600: #8d675b;
--color-smoky-salmon-700: #715348;
--color-smoky-salmon-800: #543c35;
--color-smoky-salmon-900: #3a2924;
--color-smoky-salmon-950: #241713;
}SCSS
$smoky-salmon: #e2b6a7;
$smoky-salmon-rgb: 226, 182, 167;
$smoky-salmon-light: mix(#fff, $smoky-salmon, 20%);
$smoky-salmon-dark: mix(#000, $smoky-salmon, 20%);
.element {
color: $smoky-salmon;
box-shadow: 0 0 0 2px rgba($smoky-salmon, 0.35);
}