가장 가까운 이름 색상 · #CF8D3F
#CF8D3F
가장 가까운 이름 색상: Caramelise
#CF8D3F(rgb(207 141 63), hsl(33 60% 53%), oklch(0.695 0.123 67.6))와 가장 가까운 이름 색상은 Caramelise입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CF8D3F
oklch(0.695 0.123 67.6)
색상 변환
- HEX
- #cf8d3f
- RGB
- rgb(207 141 63)
- HSL
- hsl(33 60% 53%)
- HWB
- hwb(33 25% 19%)
- OKLCH
- oklch(0.695 0.123 67.6)
- OKLab
- oklab(0.695 0.047 0.114)
- CIE Lab
- lab(64.39 20.66 50.7)
- LCH
- lch(64.39 54.74 67.8)
- CMYK
- cmyk(0% 32% 70% 19%)
틴트 · 셰이드 · 톤
틴트
- D49956
- DAA46A
- DFAF7D
- E4BB90
- E9C6A3
- EDD1B5
- F2DDC7
- F6E8DA
- FBF4EC
셰이드
- B47A35
- 99672C
- 7F5523
- 67441B
- 4F3312
- 38230A
- 231404
- 100701
- 020100
톤
- C78C49
- BF8B51
- B88A59
- B08960
- A88866
- A0866C
- 988571
- 908376
- 88827B
색 조화
보색 +180°
- CF8D3F
Caramelise
- 59A3E5
≈ Windjammer
유사색 -30° +30°
- CF8D3F
Caramelise
- DD8064
≈ Dry Peach
- B29D36
≈ Golden Olive
삼각 배색 +120° +240°
- CF8D3F
Caramelise
- 00B5AA
≈ Glass Jar Blue
- B287D8
≈ Middy’s Purple
분열 보색 +150° +210°
- CF8D3F
Caramelise
- 0EAFCF
≈ Aquarius
- 8B95E8
≈ Perrywinkle
사각 배색 +90° +180° +270°
- CF8D3F
Caramelise
- 50B47F
≈ Ming Green
- 59A3E5
≈ Windjammer
- CE7EB8
≈ Peruvian Lily
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.78:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.53:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--caramelise: #cf8d3f;
--caramelise-rgb: 207 141 63;
--caramelise-oklch: oklch(0.695 0.123 67.6);
}
.element {
color: var(--caramelise);
background-color: hsl(33 60% 53%);
border-color: oklch(0.695 0.123 67.6);
}Tailwind CSS v4
@theme {
--color-caramelise: #cf8d3f;
--color-caramelise-50: #fff0d0;
--color-caramelise-100: #ffe1bc;
--color-caramelise-200: #f7cc9b;
--color-caramelise-300: #e0ac70;
--color-caramelise-400: #ce8f47;
--color-caramelise-500: #bb7405;
--color-caramelise-600: #9e620d;
--color-caramelise-700: #7f4e0c;
--color-caramelise-800: #5f3808;
--color-caramelise-900: #422705;
--color-caramelise-950: #2b1400;
}SCSS
$caramelise: #cf8d3f;
$caramelise-rgb: 207, 141, 63;
$caramelise-light: mix(#fff, $caramelise, 20%);
$caramelise-dark: mix(#000, $caramelise, 20%);
.element {
color: $caramelise;
box-shadow: 0 0 0 2px rgba($caramelise, 0.35);
}