이름 색상 · #838298
Soft Charcoal
Soft Charcoal은(는) #838298: rgb(131 130 152), hsl(243 10% 55%), oklch(0.615 0.033 287.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Soft Charcoal color name →
#838298
oklch(0.615 0.033 287.5)
색상 변환
- HEX
- #838298
- RGB
- rgb(131 130 152)
- HSL
- hsl(243 10% 55%)
- HWB
- hwb(243 51% 40%)
- OKLCH
- oklch(0.615 0.033 287.5)
- OKLab
- oklab(0.615 0.01 -0.031)
- CIE Lab
- lab(55.03 3.87 -11.7)
- LCH
- lch(55.03 12.32 288.3)
- CMYK
- cmyk(14% 14% 0% 40%)
틴트 · 셰이드 · 톤
틴트
- 8F8EA2
- 9A9AAC
- A7A6B6
- B3B2C0
- BFBFCB
- CCCBD5
- D8D8DF
- E5E5EA
- F2F2F4
셰이드
- 717084
- 605F70
- 4F4E5C
- 3F3E4A
- 2F2F38
- 202027
- 121217
- 060608
- 010101
톤
- 838296
- 828293
- 828191
- 82818E
- 81818C
- 81818A
- 818187
- 818085
- 808082
색 조화
보색 +180°
- 838298
Soft Charcoal
- 868670
≈ Grasshopper Wing
유사색 -30° +30°
- 838298
Soft Charcoal
- 788699
≈ Somnambulist
- 8D7F92
≈ Dusky Grape
삼각 배색 +120° +240°
- 838298
Soft Charcoal
- 967F74
≈ Tallarn Leather
- 728B81
≈ Sea Palm
분열 보색 +150° +210°
- 838298
Soft Charcoal
- 90836F
≈ Faint Allegory
- 7B8A76
≈ Spanish Green
사각 배색 +90° +180° +270°
- 838298
Soft Charcoal
- 987D7D
≈ Opium
- 868670
≈ Grasshopper Wing
- 6E8B8C
≈ Polaris Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.74:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.61:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--soft-charcoal: #838298;
--soft-charcoal-rgb: 131 130 152;
--soft-charcoal-oklch: oklch(0.615 0.033 287.5);
}
.element {
color: var(--soft-charcoal);
background-color: hsl(243 10% 55%);
border-color: oklch(0.615 0.033 287.5);
}Tailwind CSS v4
@theme {
--color-soft-charcoal: #838298;
--color-soft-charcoal-50: #f5f4fe;
--color-soft-charcoal-100: #e7e6f3;
--color-soft-charcoal-200: #d3d2e2;
--color-soft-charcoal-300: #b6b5c8;
--color-soft-charcoal-400: #9d9cb1;
--color-soft-charcoal-500: #84839b;
--color-soft-charcoal-600: #706f83;
--color-soft-charcoal-700: #5a5969;
--color-soft-charcoal-800: #41414e;
--color-soft-charcoal-900: #2d2d36;
--color-soft-charcoal-950: #1a1a21;
}SCSS
$soft-charcoal: #838298;
$soft-charcoal-rgb: 131, 130, 152;
$soft-charcoal-light: mix(#fff, $soft-charcoal, 20%);
$soft-charcoal-dark: mix(#000, $soft-charcoal, 20%);
.element {
color: $soft-charcoal;
box-shadow: 0 0 0 2px rgba($soft-charcoal, 0.35);
}