가장 가까운 이름 색상 · #CFAD56
#CFAD56
가장 가까운 이름 색상: Solar Relic
#CFAD56(rgb(207 173 86), hsl(43 56% 57%), oklch(0.76 0.113 88.2))와 가장 가까운 이름 색상은 Solar Relic입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CFAD56
oklch(0.76 0.113 88.2)
색상 변환
- HEX
- #cfad56
- RGB
- rgb(207 173 86)
- HSL
- hsl(43 56% 57%)
- HWB
- hwb(43 34% 19%)
- OKLCH
- oklch(0.76 0.113 88.2)
- OKLab
- oklab(0.76 0.004 0.113)
- CIE Lab
- lab(72.5 5.32 48.67)
- LCH
- lch(72.5 48.96 83.8)
- CMYK
- cmyk(0% 16% 58% 19%)
틴트 · 셰이드 · 톤
틴트
- D4B569
- D9BE7B
- DDC68C
- E2CE9D
- E7D6AE
- ECDEBE
- F1E7CE
- F5EFDE
- FAF7EF
셰이드
- B4964A
- 997F3E
- 7F6A32
- 675527
- 4F411C
- 382D12
- 231B08
- 100B02
- 020100
톤
- C7A95D
- BFA462
- B7A067
- AF9B6C
- A79770
- 9F9274
- 978E77
- 8F897B
- 88857D
색 조화
보색 +180°
- CFAD56
Solar Relic
- 93AEFA
≈ Kitten’s Eye
유사색 -30° +30°
- CFAD56
Solar Relic
- E79F66
≈ Florida Mango
- AABB65
≈ Beach Bag
삼각 배색 +120° +240°
- CFAD56
Solar Relic
- 42C5D7
≈ Sea Serpent
- D997D6
≈ Velvet Horizon
분열 보색 +150° +210°
- CFAD56
Solar Relic
- 66BBF1
≈ Norfolk Sky
- BAA1F0
≈ Lavender Cream
사각 배색 +90° +180° +270°
- CFAD56
Solar Relic
- 50C9B1
≈ Kauai
- 93AEFA
≈ Kitten’s Eye
- EB92B1
≈ Illusion
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.76:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--solar-relic: #cfad56;
--solar-relic-rgb: 207 173 86;
--solar-relic-oklch: oklch(0.76 0.113 88.2);
}
.element {
color: var(--solar-relic);
background-color: hsl(43 56% 57%);
border-color: oklch(0.76 0.113 88.2);
}Tailwind CSS v4
@theme {
--color-solar-relic: #cfad56;
--color-solar-relic-50: #fff5d1;
--color-solar-relic-100: #f6e7bd;
--color-solar-relic-200: #e7d39d;
--color-solar-relic-300: #ceb572;
--color-solar-relic-400: #ba9a49;
--color-solar-relic-500: #a5810a;
--color-solar-relic-600: #8c6d10;
--color-solar-relic-700: #70570e;
--color-solar-relic-800: #543f07;
--color-solar-relic-900: #3a2b05;
--color-solar-relic-950: #241800;
}SCSS
$solar-relic: #cfad56;
$solar-relic-rgb: 207, 173, 86;
$solar-relic-light: mix(#fff, $solar-relic, 20%);
$solar-relic-dark: mix(#000, $solar-relic, 20%);
.element {
color: $solar-relic;
box-shadow: 0 0 0 2px rgba($solar-relic, 0.35);
}