이름 색상 · #D78E6B
Balcony Sunset
Balcony Sunset은(는) #D78E6B: rgb(215 142 107), hsl(19 57% 63%), oklch(0.713 0.102 46.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Balcony Sunset color name →
#D78E6B
oklch(0.713 0.102 46.3)
색상 변환
- HEX
- #d78e6b
- RGB
- rgb(215 142 107)
- HSL
- hsl(19 57% 63%)
- HWB
- hwb(19 42% 16%)
- OKLCH
- oklch(0.713 0.102 46.3)
- OKLab
- oklab(0.713 0.07 0.073)
- CIE Lab
- lab(66.06 25.76 30.57)
- LCH
- lch(66.06 39.98 49.9)
- CMYK
- cmyk(0% 34% 50% 16%)
틴트 · 셰이드 · 톤
틴트
- DC997A
- E0A588
- E5B097
- E9BBA6
- EDC6B4
- F1D2C3
- F5DDD2
- F8E8E1
- FCF4F0
셰이드
- BB7B5C
- 9F684E
- 85563F
- 6B4432
- 523425
- 3B2418
- 25150D
- 110704
- 020100
톤
- CE8D6E
- C68C70
- BD8B73
- B58975
- AC8877
- A38779
- 9B857B
- 92837D
- 89827E
색 조화
보색 +180°
- D78E6B
Balcony Sunset
- 53AFD3
≈ Epimetheus
유사색 -30° +30°
- D78E6B
Balcony Sunset
- DA888C
≈ Finest Blush
- C79A55
≈ Borderline
삼각 배색 +120° +240°
- D78E6B
Balcony Sunset
- 5DB794
≈ Crazy Eyes
- 9D99DF
≈ Dull Lavender
분열 보색 +150° +210°
- D78E6B
Balcony Sunset
- 43B6B7
≈ Crystalsong Blue
- 78A5E1
≈ Greek Sea
사각 배색 +90° +180° +270°
- D78E6B
Balcony Sunset
- 85B171
≈ Joshua Tree
- 53AFD3
≈ Epimetheus
- BC8ECD
≈ Pale Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.63:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.97:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--balcony-sunset: #d78e6b;
--balcony-sunset-rgb: 215 142 107;
--balcony-sunset-oklch: oklch(0.713 0.102 46.3);
}
.element {
color: var(--balcony-sunset);
background-color: hsl(19 57% 63%);
border-color: oklch(0.713 0.102 46.3);
}Tailwind CSS v4
@theme {
--color-balcony-sunset: #d78e6b;
--color-balcony-sunset-50: #ffeddc;
--color-balcony-sunset-100: #ffdfcb;
--color-balcony-sunset-200: #fac8af;
--color-balcony-sunset-300: #e3a88a;
--color-balcony-sunset-400: #d08b6a;
--color-balcony-sunset-500: #bd6f49;
--color-balcony-sunset-600: #9f5e3f;
--color-balcony-sunset-700: #804b32;
--color-balcony-sunset-800: #5f3624;
--color-balcony-sunset-900: #432518;
--color-balcony-sunset-950: #2b1309;
}SCSS
$balcony-sunset: #d78e6b;
$balcony-sunset-rgb: 215, 142, 107;
$balcony-sunset-light: mix(#fff, $balcony-sunset, 20%);
$balcony-sunset-dark: mix(#000, $balcony-sunset, 20%);
.element {
color: $balcony-sunset;
box-shadow: 0 0 0 2px rgba($balcony-sunset, 0.35);
}