이름 색상 · #DBBF9A
Honey Peach
Honey Peach은(는) #DBBF9A: rgb(219 191 154), hsl(34 47% 73%), oklch(0.819 0.059 74.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Honey Peach color name →
#DBBF9A
oklch(0.819 0.059 74.5)
색상 변환
- HEX
- #dbbf9a
- RGB
- rgb(219 191 154)
- HSL
- hsl(34 47% 73%)
- HWB
- hwb(34 60% 14%)
- OKLCH
- oklch(0.819 0.059 74.5)
- OKLab
- oklab(0.819 0.016 0.057)
- CIE Lab
- lab(79.08 6.27 22.6)
- LCH
- lch(79.08 23.45 74.5)
- CMYK
- cmyk(0% 13% 30% 14%)
틴트 · 셰이드 · 톤
틴트
- DFC5A4
- E2CCAE
- E6D2B8
- EAD8C2
- EDDFCC
- F1E5D6
- F4ECE0
- F8F2EB
- FBF9F5
셰이드
- BEA685
- A28D71
- 87755E
- 6D5E4B
- 544839
- 3C3327
- 261F17
- 110D09
- 020201
톤
- D2B998
- C8B295
- BFAC93
- B6A590
- AD9F8E
- A4998B
- 9B9388
- 928C86
- 898683
색 조화
보색 +180°
- DBBF9A
Honey Peach
- AAC7EA
≈ Island Light
유사색 -30° +30°
- DBBF9A
Honey Peach
- E6B9A5
≈ Diva Rouge
- C9C79B
≈ Paris Mint
삼각 배색 +120° +240°
- DBBF9A
Honey Peach
- 97D0CF
≈ Big Surf
- D2B9DF
≈ Pretty Petunia
분열 보색 +150° +210°
- DBBF9A
Honey Peach
- 9BCDE1
≈ December Solstice
- BFBFE9
≈ Vodka
사각 배색 +90° +180° +270°
- DBBF9A
Honey Peach
- A1D1BA
≈ Feather Green
- AAC7EA
≈ Island Light
- E1B5CD
≈ Muddy Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.93:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.93:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--honey-peach: #dbbf9a;
--honey-peach-rgb: 219 191 154;
--honey-peach-oklch: oklch(0.819 0.059 74.5);
}
.element {
color: var(--honey-peach);
background-color: hsl(34 47% 73%);
border-color: oklch(0.819 0.059 74.5);
}Tailwind CSS v4
@theme {
--color-honey-peach: #dbbf9a;
--color-honey-peach-50: #fff3e3;
--color-honey-peach-100: #f3e6d3;
--color-honey-peach-200: #e3d1b9;
--color-honey-peach-300: #c9b496;
--color-honey-peach-400: #b39a78;
--color-honey-peach-500: #9e815a;
--color-honey-peach-600: #856d4c;
--color-honey-peach-700: #6b573d;
--color-honey-peach-800: #4f3f2b;
--color-honey-peach-900: #372c1d;
--color-honey-peach-950: #22190d;
}SCSS
$honey-peach: #dbbf9a;
$honey-peach-rgb: 219, 191, 154;
$honey-peach-light: mix(#fff, $honey-peach, 20%);
$honey-peach-dark: mix(#000, $honey-peach, 20%);
.element {
color: $honey-peach;
box-shadow: 0 0 0 2px rgba($honey-peach, 0.35);
}