가장 가까운 이름 색상 · #C58F8E
#C58F8E
가장 가까운 이름 색상: Grand Sunset
#C58F8E(rgb(197 143 142), hsl(1 32% 66%), oklch(0.702 0.066 20.1))와 가장 가까운 이름 색상은 Grand Sunset입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C58F8E
oklch(0.702 0.066 20.1)
색상 변환
- HEX
- #c58f8e
- RGB
- rgb(197 143 142)
- HSL
- hsl(1 32% 66%)
- HWB
- hwb(1 56% 23%)
- OKLCH
- oklch(0.702 0.066 20.1)
- OKLab
- oklab(0.702 0.062 0.023)
- CIE Lab
- lab(64.77 20.99 9.06)
- LCH
- lch(64.77 22.86 23.4)
- CMYK
- cmyk(0% 27% 28% 23%)
틴트 · 셰이드 · 톤
틴트
- CB9A99
- D1A5A4
- D7B0AF
- DDBBBA
- E3C6C5
- E9D1D0
- EFDDDC
- F4E8E8
- FAF3F3
셰이드
- AB7C7B
- 926968
- 795756
- 614544
- 4B3434
- 352424
- 211515
- 0E0707
- 020101
톤
- BE8E8D
- B78C8B
- B18B8A
- AA8988
- A38887
- 9C8686
- 958584
- 8E8383
- 878281
색 조화
보색 +180°
- C58F8E
Grand Sunset
- 6CACAF
≈ Poolrooms
유사색 -30° +30°
- C58F8E
Grand Sunset
- BF8FA5
≈ Elite Pink
- C1947A
≈ Florentine Clay
삼각 배색 +120° +240°
- C58F8E
Grand Sunset
- 8AAA83
≈ Lounge Green
- 87A0C9
≈ Caribbean Sky
분열 보색 +150° +210°
- C58F8E
Grand Sunset
- 75AD99
≈ Dusty Jade Green
- 74A7C1
≈ Moonstone Blue
사각 배색 +90° +180° +270°
- C58F8E
Grand Sunset
- A1A373
≈ Cucuzza Verde
- 6CACAF
≈ Poolrooms
- 9E99C6
≈ Majestic Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.72:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.69:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.69:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--grand-sunset: #c58f8e;
--grand-sunset-rgb: 197 143 142;
--grand-sunset-oklch: oklch(0.702 0.066 20.1);
}
.element {
color: var(--grand-sunset);
background-color: hsl(1 32% 66%);
border-color: oklch(0.702 0.066 20.1);
}Tailwind CSS v4
@theme {
--color-grand-sunset: #c58f8e;
--color-grand-sunset-50: #ffeeed;
--color-grand-sunset-100: #fde0de;
--color-grand-sunset-200: #efcac8;
--color-grand-sunset-300: #d7aba8;
--color-grand-sunset-400: #c38f8e;
--color-grand-sunset-500: #ae7574;
--color-grand-sunset-600: #936362;
--color-grand-sunset-700: #764f4e;
--color-grand-sunset-800: #57393a;
--color-grand-sunset-900: #3d2727;
--color-grand-sunset-950: #261516;
}SCSS
$grand-sunset: #c58f8e;
$grand-sunset-rgb: 197, 143, 142;
$grand-sunset-light: mix(#fff, $grand-sunset, 20%);
$grand-sunset-dark: mix(#000, $grand-sunset, 20%);
.element {
color: $grand-sunset;
box-shadow: 0 0 0 2px rgba($grand-sunset, 0.35);
}