이름 색상 · #FFD9AA
Peach Cider
Peach Cider은(는) #FFD9AA: rgb(255 217 170), hsl(33 100% 83%), oklch(0.906 0.074 72.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Peach Cider color name →
#FFD9AA
oklch(0.906 0.074 72.6)
색상 변환
- HEX
- #ffd9aa
- RGB
- rgb(255 217 170)
- HSL
- hsl(33 100% 83%)
- HWB
- hwb(33 67% 0%)
- OKLCH
- oklch(0.906 0.074 72.6)
- OKLab
- oklab(0.906 0.022 0.071)
- CIE Lab
- lab(89.12 8.9 28.4)
- LCH
- lch(89.12 29.76 72.6)
- CMYK
- cmyk(0% 15% 33% 0%)
틴트 · 셰이드 · 톤
틴트
- FFDDB3
- FFE1BB
- FFE5C4
- FFE8CD
- FFECD5
- FFF0DD
- FFF4E6
- FFF8EE
- FFFBF7
셰이드
- DEBC93
- BEA17D
- 9E8668
- 806C53
- 63533F
- 483B2D
- 2E251B
- 16110B
- 030201
톤
- F2D0A6
- E5C7A2
- D8BE9E
- CBB59A
- BEAC96
- B1A391
- A59A8D
- 989189
- 8C8984
색 조화
보색 +180°
- FFD9AA
Peach Cider
- CBE3FF
≈ Fresh Water
유사색 -30° +30°
- FFD9AA
Peach Cider
- FFD6C6
≈ Tiny Pink
- E9E3AA
≈ Kiss of Lime
삼각 배색 +120° +240°
- FFD9AA
Peach Cider
- A5F0ED
≈ Mint Macaron
- EFD4FF
≈ Rose Dragée
분열 보색 +150° +210°
- FFD9AA
Peach Cider
- B2EAFF
≈ Beyond the Clouds
- DBDDFF
≈ Transparent Blue
사각 배색 +90° +180° +270°
- FFD9AA
Peach Cider
- B4F0D2
≈ Faint Clover
- CBE3FF
≈ Fresh Water
- FFD0EB
≈ Shampoo
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.75:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--peach-cider: #ffd9aa;
--peach-cider-rgb: 255 217 170;
--peach-cider-oklch: oklch(0.906 0.074 72.6);
}
.element {
color: var(--peach-cider);
background-color: hsl(33 100% 83%);
border-color: oklch(0.906 0.074 72.6);
}Tailwind CSS v4
@theme {
--color-peach-cider: #ffd9aa;
--color-peach-cider-50: #fff3de;
--color-peach-cider-100: #f7e5cd;
--color-peach-cider-200: #e8d0b2;
--color-peach-cider-300: #ceb28e;
--color-peach-cider-400: #ba986d;
--color-peach-cider-500: #a47e4d;
--color-peach-cider-600: #8b6b42;
--color-peach-cider-700: #6f5534;
--color-peach-cider-800: #533e25;
--color-peach-cider-900: #3a2b19;
--color-peach-cider-950: #241809;
}SCSS
$peach-cider: #ffd9aa;
$peach-cider-rgb: 255, 217, 170;
$peach-cider-light: mix(#fff, $peach-cider, 20%);
$peach-cider-dark: mix(#000, $peach-cider, 20%);
.element {
color: $peach-cider;
box-shadow: 0 0 0 2px rgba($peach-cider, 0.35);
}