이름 색상 · #CD915C
Napa Sunset
Napa Sunset은(는) #CD915C: rgb(205 145 92), hsl(28 53% 58%), oklch(0.704 0.101 61.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Napa Sunset color name →
#CD915C
oklch(0.704 0.101 61.5)
색상 변환
- HEX
- #cd915c
- RGB
- rgb(205 145 92)
- HSL
- hsl(28 53% 58%)
- HWB
- hwb(28 36% 20%)
- OKLCH
- oklch(0.704 0.101 61.5)
- OKLab
- oklab(0.704 0.048 0.088)
- CIE Lab
- lab(65.38 19.16 37.4)
- LCH
- lch(65.38 42.02 62.9)
- CMYK
- cmyk(0% 29% 55% 20%)
틴트 · 셰이드 · 톤
틴트
- D39C6D
- D8A77D
- DDB28D
- E2BD9E
- E7C8AE
- ECD3BE
- F1DECE
- F6E9DE
- FAF4EF
셰이드
- B27D4F
- 986A42
- 7E5836
- 66462A
- 4E351F
- 382514
- 23150A
- 0F0703
- 020100
톤
- C59061
- BE8E65
- B68D69
- AE8B6D
- A78971
- 9F8874
- 978677
- 90847A
- 88827D
색 조화
보색 +180°
- CD915C
Napa Sunset
- 63A7D9
≈ Baja Blue
유사색 -30° +30°
- CD915C
Napa Sunset
- D78879
≈ Island Coral
- B79E51
≈ Woollen Mittens
삼각 배색 +120° +240°
- CD915C
Napa Sunset
- 4AB4A4
≈ Sacred Turquoise
- AB91D4
≈ Middy’s Purple
분열 보색 +150° +210°
- CD915C
Napa Sunset
- 44B0C4
≈ Viking
- 899CDF
≈ Portage
사각 배색 +90° +180° +270°
- CD915C
Napa Sunset
- 6EB280
≈ Lily Pads
- 63A7D9
≈ Baja Blue
- C488BC
≈ Dragonflies
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.69:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.80:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--napa-sunset: #cd915c;
--napa-sunset-rgb: 205 145 92;
--napa-sunset-oklch: oklch(0.704 0.101 61.5);
}
.element {
color: var(--napa-sunset);
background-color: hsl(28 53% 58%);
border-color: oklch(0.704 0.101 61.5);
}Tailwind CSS v4
@theme {
--color-napa-sunset: #cd915c;
--color-napa-sunset-50: #fff0d8;
--color-napa-sunset-100: #ffe1c6;
--color-napa-sunset-200: #f4cca8;
--color-napa-sunset-300: #dcad81;
--color-napa-sunset-400: #ca915f;
--color-napa-sunset-500: #b57539;
--color-napa-sunset-600: #996432;
--color-napa-sunset-700: #7b5027;
--color-napa-sunset-800: #5c391c;
--color-napa-sunset-900: #402712;
--color-napa-sunset-950: #291505;
}SCSS
$napa-sunset: #cd915c;
$napa-sunset-rgb: 205, 145, 92;
$napa-sunset-light: mix(#fff, $napa-sunset, 20%);
$napa-sunset-dark: mix(#000, $napa-sunset, 20%);
.element {
color: $napa-sunset;
box-shadow: 0 0 0 2px rgba($napa-sunset, 0.35);
}