이름 색상 · #FDB2AB
Peach Bud
Peach Bud은(는) #FDB2AB: rgb(253 178 171), hsl(5 95% 83%), oklch(0.833 0.089 25.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Peach Bud color name →
#FDB2AB
oklch(0.833 0.089 25.1)
색상 변환
- HEX
- #fdb2ab
- RGB
- rgb(253 178 171)
- HSL
- hsl(5 95% 83%)
- HWB
- hwb(5 67% 1%)
- OKLCH
- oklch(0.833 0.089 25.1)
- OKLab
- oklab(0.833 0.08 0.038)
- CIE Lab
- lab(79.75 27.49 15.14)
- LCH
- lch(79.75 31.39 28.8)
- CMYK
- cmyk(0% 30% 32% 1%)
틴트 · 셰이드 · 톤
틴트
- FEBAB3
- FFC2BC
- FFC9C4
- FFD1CC
- FFD9D5
- FFE0DD
- FFE8E5
- FFF0EE
- FFF7F6
셰이드
- DC9A94
- BC837E
- 9D6D68
- 7F5754
- 624340
- 472F2D
- 2D1D1B
- 160C0B
- 030101
톤
- F0ADA7
- E4A8A2
- D7A39E
- CA9E9A
- BE9995
- B29491
- A58F8D
- 998A89
- 8C8584
색 조화
보색 +180°
- FDB2AB
Peach Bud
- 7DD9E4
≈ Deep Aquamarine
유사색 -30° +30°
- FDB2AB
Peach Bud
- F7B0CB
≈ Caregiver Pink
- F6B990
≈ Copper Cloud
삼각 배색 +120° +240°
- FDB2AB
Peach Bud
- A4D8A5
≈ Green Trance
- AEC8FF
≈ Night Snow
분열 보색 +150° +210°
- FDB2AB
Peach Bud
- 87DBC5
≈ Fresh Mist
- 8ED2FA
≈ Kul Sharif Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.13:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.13:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--peach-bud: #fdb2ab;
--peach-bud-rgb: 253 178 171;
--peach-bud-oklch: oklch(0.833 0.089 25.1);
}
.element {
color: var(--peach-bud);
background-color: hsl(5 95% 83%);
border-color: oklch(0.833 0.089 25.1);
}Tailwind CSS v4
@theme {
--color-peach-bud: #fdb2ab;
--color-peach-bud-50: #ffece8;
--color-peach-bud-100: #ffddd8;
--color-peach-bud-200: #f8c7c0;
--color-peach-bud-300: #e1a69f;
--color-peach-bud-400: #ce8a84;
--color-peach-bud-500: #ba6e68;
--color-peach-bud-600: #9d5d58;
--color-peach-bud-700: #7e4a46;
--color-peach-bud-800: #5e3634;
--color-peach-bud-900: #422523;
--color-peach-bud-950: #2a1312;
}SCSS
$peach-bud: #fdb2ab;
$peach-bud-rgb: 253, 178, 171;
$peach-bud-light: mix(#fff, $peach-bud, 20%);
$peach-bud-dark: mix(#000, $peach-bud, 20%);
.element {
color: $peach-bud;
box-shadow: 0 0 0 2px rgba($peach-bud, 0.35);
}