이름 색상 · #DFA479
Peach Ice Cream
Peach Ice Cream은(는) #DFA479: rgb(223 164 121), hsl(25 61% 67%), oklch(0.765 0.091 57). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Peach Ice Cream color name →
#DFA479
oklch(0.765 0.091 57)
색상 변환
- HEX
- #dfa479
- RGB
- rgb(223 164 121)
- HSL
- hsl(25 61% 67%)
- HWB
- hwb(25 47% 13%)
- OKLCH
- oklch(0.765 0.091 57)
- OKLab
- oklab(0.765 0.049 0.076)
- CIE Lab
- lab(72.36 18.72 31.31)
- LCH
- lch(72.36 36.48 59.1)
- CMYK
- cmyk(0% 26% 46% 13%)
틴트 · 셰이드 · 톤
틴트
- E3AD87
- E6B694
- EABFA1
- EDC8AF
- F0D1BC
- F3DBC9
- F7E4D7
- F9EDE4
- FCF6F1
셰이드
- C28E68
- A57958
- 8A6448
- 6F5039
- 563D2B
- 3D2B1D
- 271A10
- 120A05
- 020101
톤
- D5A17A
- CC9D7B
- C29A7D
- B9967D
- AF927E
- A68F7F
- 9C8B7F
- 938780
- 898480
색 조화
보색 +180°
- DFA479
Peach Ice Cream
- 79BCE5
≈ Costa Rica Blue
유사색 -30° +30°
- DFA479
Peach Ice Cream
- E79C93
≈ Coral Almond
- CBAF6D
≈ Putty
삼각 배색 +120° +240°
- DFA479
Peach Ice Cream
- 6EC6B1
≈ Miami Teal
- B8A7E6
≈ Maximum Blue Purple
분열 보색 +150° +210°
- DFA479
Peach Ice Cream
- 65C3D0
≈ Arctic Ocean
- 99B1ED
≈ Wondrous Wisteria
사각 배색 +90° +180° +270°
- DFA479
Peach Ice Cream
- 8CC391
≈ Country Weekend
- 79BCE5
≈ Costa Rica Blue
- D29ED1
≈ Velvet Horizon
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.72:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--peach-ice-cream: #dfa479;
--peach-ice-cream-rgb: 223 164 121;
--peach-ice-cream-oklch: oklch(0.765 0.091 57);
}
.element {
color: var(--peach-ice-cream);
background-color: hsl(25 61% 67%);
border-color: oklch(0.765 0.091 57);
}Tailwind CSS v4
@theme {
--color-peach-ice-cream: #dfa479;
--color-peach-ice-cream-50: #fff0dc;
--color-peach-ice-cream-100: #ffe1cb;
--color-peach-ice-cream-200: #f2ccae;
--color-peach-ice-cream-300: #dbad89;
--color-peach-ice-cream-400: #c89169;
--color-peach-ice-cream-500: #b37647;
--color-peach-ice-cream-600: #98643d;
--color-peach-ice-cream-700: #7a5030;
--color-peach-ice-cream-800: #5b3a22;
--color-peach-ice-cream-900: #3f2717;
--color-peach-ice-cream-950: #281508;
}SCSS
$peach-ice-cream: #dfa479;
$peach-ice-cream-rgb: 223, 164, 121;
$peach-ice-cream-light: mix(#fff, $peach-ice-cream, 20%);
$peach-ice-cream-dark: mix(#000, $peach-ice-cream, 20%);
.element {
color: $peach-ice-cream;
box-shadow: 0 0 0 2px rgba($peach-ice-cream, 0.35);
}