이름 색상 · #C6947C
Sweet Beige
Sweet Beige은(는) #C6947C: rgb(198 148 124), hsl(19 39% 63%), oklch(0.708 0.07 46.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sweet Beige color name →
#C6947C
oklch(0.708 0.07 46.8)
색상 변환
- HEX
- #c6947c
- RGB
- rgb(198 148 124)
- HSL
- hsl(19 39% 63%)
- HWB
- hwb(19 49% 22%)
- OKLCH
- oklch(0.708 0.07 46.8)
- OKLab
- oklab(0.708 0.048 0.051)
- CIE Lab
- lab(65.76 17.07 20.45)
- LCH
- lch(65.76 26.64 50.1)
- CMYK
- cmyk(0% 25% 37% 22%)
틴트 · 셰이드 · 톤
틴트
- CC9E89
- D2A995
- D8B3A2
- DEBEAF
- E3C9BC
- E9D3C9
- EFDED7
- F4E9E4
- FAF4F1
셰이드
- AC806B
- 926D5A
- 7A5A4A
- 62483B
- 4B362C
- 35261E
- 211611
- 0E0805
- 020101
톤
- BF927D
- B8907D
- B18E7E
- AA8C7E
- A38A7F
- 9C887F
- 95867F
- 8E8480
- 878280
색 조화
보색 +180°
- C6947C
Sweet Beige
- 71AAC3
≈ Moonstone Blue
유사색 -30° +30°
- C6947C
Sweet Beige
- C99092
≈ Garnet Shadow
- BA9C6F
≈ Gould Gold
삼각 배색 +120° +240°
- C6947C
Sweet Beige
- 76AF98
≈ Dusty Jade Green
- 9D9BCB
≈ Cosmo Purple
분열 보색 +150° +210°
- C6947C
Sweet Beige
- 6AAFB0
≈ Dexter
- 85A3CD
≈ Anode
사각 배색 +90° +180° +270°
- C6947C
Sweet Beige
- 8DAB81
≈ Forest Shade
- 71AAC3
≈ Moonstone Blue
- B394BE
≈ Quibble
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.64:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.92:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-beige: #c6947c;
--sweet-beige-rgb: 198 148 124;
--sweet-beige-oklch: oklch(0.708 0.07 46.8);
}
.element {
color: var(--sweet-beige);
background-color: hsl(19 39% 63%);
border-color: oklch(0.708 0.07 46.8);
}Tailwind CSS v4
@theme {
--color-sweet-beige: #c6947c;
--color-sweet-beige-50: #fff0e4;
--color-sweet-beige-100: #fce2d4;
--color-sweet-beige-200: #eeccbb;
--color-sweet-beige-300: #d6ad99;
--color-sweet-beige-400: #c2927c;
--color-sweet-beige-500: #ad785e;
--color-sweet-beige-600: #926650;
--color-sweet-beige-700: #755140;
--color-sweet-beige-800: #573b2e;
--color-sweet-beige-900: #3d281f;
--color-sweet-beige-950: #26160f;
}SCSS
$sweet-beige: #c6947c;
$sweet-beige-rgb: 198, 148, 124;
$sweet-beige-light: mix(#fff, $sweet-beige, 20%);
$sweet-beige-dark: mix(#000, $sweet-beige, 20%);
.element {
color: $sweet-beige;
box-shadow: 0 0 0 2px rgba($sweet-beige, 0.35);
}