이름 색상 · #D29487
Peach Preserve
Peach Preserve은(는) #D29487: rgb(210 148 135), hsl(10 45% 68%), oklch(0.724 0.078 32.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Peach Preserve color name →
#D29487
oklch(0.724 0.078 32.2)
색상 변환
- HEX
- #d29487
- RGB
- rgb(210 148 135)
- HSL
- hsl(10 45% 68%)
- HWB
- hwb(10 53% 18%)
- OKLCH
- oklch(0.724 0.078 32.2)
- OKLab
- oklab(0.724 0.066 0.042)
- CIE Lab
- lab(67.31 22.85 16.74)
- LCH
- lch(67.31 28.32 36.2)
- CMYK
- cmyk(0% 30% 36% 18%)
틴트 · 셰이드 · 톤
틴트
- D79F93
- DCA99E
- E1B4AA
- E6BEB6
- EAC9C2
- EFD4CE
- F3DEDA
- F7E9E6
- FBF4F3
셰이드
- B68075
- 9B6D63
- 815A51
- 684841
- 503631
- 392621
- 241613
- 100806
- 020101
톤
- CA9286
- C29086
- BA8E85
- B18C85
- A98B84
- A18883
- 998682
- 918482
- 888281
색 조화
보색 +180°
- D29487
Peach Preserve
- 68B3C2
≈ Riverside Blue
유사색 -30° +30°
- D29487
Peach Preserve
- D091A2
≈ Madagascar Pink
- C99B73
≈ Chimaera Brown
삼각 배색 +120° +240°
- D29487
Peach Preserve
- 80B48E
≈ Veiled Chameleon
- 95A3D7
≈ Dalmatian Sage
분열 보색 +150° +210°
- D29487
Peach Preserve
- 6BB6AA
≈ Lenticular Ore
- 7AACD3
≈ Blue Eyes
사각 배색 +90° +180° +270°
- D29487
Peach Preserve
- 9DAE77
≈ Siamese Green
- 68B3C2
≈ Riverside Blue
- AF9ACF
≈ Biloba Flower
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.52:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.32:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.32:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--peach-preserve: #d29487;
--peach-preserve-rgb: 210 148 135;
--peach-preserve-oklch: oklch(0.724 0.078 32.2);
}
.element {
color: var(--peach-preserve);
background-color: hsl(10 45% 68%);
border-color: oklch(0.724 0.078 32.2);
}Tailwind CSS v4
@theme {
--color-peach-preserve: #d29487;
--color-peach-preserve-50: #ffeee7;
--color-peach-preserve-100: #ffdfd7;
--color-peach-preserve-200: #f4c9bf;
--color-peach-preserve-300: #dcaa9d;
--color-peach-preserve-400: #c88e81;
--color-peach-preserve-500: #b47365;
--color-peach-preserve-600: #986156;
--color-peach-preserve-700: #7a4e44;
--color-peach-preserve-800: #5a3832;
--color-peach-preserve-900: #3f2622;
--color-peach-preserve-950: #281511;
}SCSS
$peach-preserve: #d29487;
$peach-preserve-rgb: 210, 148, 135;
$peach-preserve-light: mix(#fff, $peach-preserve, 20%);
$peach-preserve-dark: mix(#000, $peach-preserve, 20%);
.element {
color: $peach-preserve;
box-shadow: 0 0 0 2px rgba($peach-preserve, 0.35);
}