가장 가까운 이름 색상 · #8F493A
#8F493A
가장 가까운 이름 색상: Chocolate Explosion
#8F493A(rgb(143 73 58), hsl(11 42% 39%), oklch(0.488 0.098 33.3))와 가장 가까운 이름 색상은 Chocolate Explosion입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8F493A
oklch(0.488 0.098 33.3)
색상 변환
- HEX
- #8f493a
- RGB
- rgb(143 73 58)
- HSL
- hsl(11 42% 39%)
- HWB
- hwb(11 23% 44%)
- OKLCH
- oklch(0.488 0.098 33.3)
- OKLab
- oklab(0.488 0.082 0.054)
- CIE Lab
- lab(39.82 29.18 23.01)
- LCH
- lch(39.82 37.16 38.3)
- CMYK
- cmyk(0% 49% 59% 44%)
틴트 · 셰이드 · 톤
틴트
- 9B5B4C
- A76C5F
- B37E72
- BE9085
- C9A298
- D4B4AC
- DFC6C0
- EAD9D5
- F5ECEA
셰이드
- 7C3E31
- 693428
- 572A20
- 452018
- 341710
- 240E09
- 150604
- 070201
- 010000
톤
- 8E4F41
- 8E5548
- 8D5B4F
- 8B6056
- 8A665D
- 896B64
- 87706B
- 857672
- 837B79
색 조화
보색 +180°
- 8F493A
Chocolate Explosion
- 006C7D
≈ Shinbashi Azure
유사색 -30° +30°
- 8F493A
Chocolate Explosion
- 8D465A
≈ Dull Magenta
- 865219
≈ Precious Copper
삼각 배색 +120° +240°
- 8F493A
Chocolate Explosion
- 2B7045
≈ Felt
- 4E5B97
≈ Nightly Silhouette
분열 보색 +150° +210°
- 8F493A
Chocolate Explosion
- 007065
≈ Falcon Turquoise
- 246593
≈ Starry Night
사각 배색 +90° +180° +270°
- 8F493A
Chocolate Explosion
- 556923
≈ Bowser Shell
- 006C7D
≈ Shinbashi Azure
- 6C518D
≈ Pure Mauve
대비 및 접근성
Ag
AA흰색 위
WCAG 6.59:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.18:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.59:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--chocolate-explosion: #8f493a;
--chocolate-explosion-rgb: 143 73 58;
--chocolate-explosion-oklch: oklch(0.488 0.098 33.3);
}
.element {
color: var(--chocolate-explosion);
background-color: hsl(11 42% 39%);
border-color: oklch(0.488 0.098 33.3);
}Tailwind CSS v4
@theme {
--color-chocolate-explosion: #8f493a;
--color-chocolate-explosion-50: #ffece2;
--color-chocolate-explosion-100: #ffddd2;
--color-chocolate-explosion-200: #fbc6b8;
--color-chocolate-explosion-300: #e5a695;
--color-chocolate-explosion-400: #d28978;
--color-chocolate-explosion-500: #be6c5b;
--color-chocolate-explosion-600: #a15c4d;
--color-chocolate-explosion-700: #814a3d;
--color-chocolate-explosion-800: #60352d;
--color-chocolate-explosion-900: #43241e;
--color-chocolate-explosion-950: #2b130e;
}SCSS
$chocolate-explosion: #8f493a;
$chocolate-explosion-rgb: 143, 73, 58;
$chocolate-explosion-light: mix(#fff, $chocolate-explosion, 20%);
$chocolate-explosion-dark: mix(#000, $chocolate-explosion, 20%);
.element {
color: $chocolate-explosion;
box-shadow: 0 0 0 2px rgba($chocolate-explosion, 0.35);
}