가장 가까운 이름 색상 · #FBB5AD
#FBB5AD
가장 가까운 이름 색상: Peach Bud
#FBB5AD(rgb(251 181 173), hsl(6 91% 83%), oklch(0.836 0.083 26.3))와 가장 가까운 이름 색상은 Peach Bud입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FBB5AD
oklch(0.836 0.083 26.3)
색상 변환
- HEX
- #fbb5ad
- RGB
- rgb(251 181 173)
- HSL
- hsl(6 91% 83%)
- HWB
- hwb(6 68% 2%)
- OKLCH
- oklch(0.836 0.083 26.3)
- OKLab
- oklab(0.836 0.074 0.037)
- CIE Lab
- lab(80.25 25.42 14.72)
- LCH
- lch(80.25 29.38 30.1)
- CMYK
- cmyk(0% 28% 31% 2%)
틴트 · 셰이드 · 톤
틴트
- FCBCB5
- FDC4BD
- FECBC5
- FED3CD
- FFDAD6
- FFE2DE
- FFE9E6
- FFF0EE
- FFF8F7
셰이드
- DA9D96
- BA867F
- 9C6F6A
- 7E5955
- 614441
- 46302D
- 2D1D1B
- 150C0B
- 030201
톤
- EEB0A8
- E2AAA4
- D5A59F
- C9A09B
- BD9B96
- B19592
- A4908D
- 988B89
- 8C8584
색 조화
보색 +180°
- FBB5AD
Peach Bud
- 85D9E4
≈ Fresh Blue
유사색 -30° +30°
- FBB5AD
Peach Bud
- F6B3CB
≈ Fulgrim Pink
- F4BC95
≈ Mild Orange
삼각 배색 +120° +240°
- FBB5AD
Peach Bud
- A7D8AA
≈ Frugal
- B1C9FF
≈ Night Snow
분열 보색 +150° +210°
- FBB5AD
Peach Bud
- 8DDCC8
≈ Opulent Turquoise
- 94D2F9
≈ Long Island Sound
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.31:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--peach-bud: #fbb5ad;
--peach-bud-rgb: 251 181 173;
--peach-bud-oklch: oklch(0.836 0.083 26.3);
}
.element {
color: var(--peach-bud);
background-color: hsl(6 91% 83%);
border-color: oklch(0.836 0.083 26.3);
}Tailwind CSS v4
@theme {
--color-peach-bud: #fbb5ad;
--color-peach-bud-50: #ffede8;
--color-peach-bud-100: #ffded9;
--color-peach-bud-200: #f6c8c1;
--color-peach-bud-300: #dfa8a0;
--color-peach-bud-400: #cb8c85;
--color-peach-bud-500: #b77069;
--color-peach-bud-600: #9a5f59;
--color-peach-bud-700: #7c4c47;
--color-peach-bud-800: #5c3734;
--color-peach-bud-900: #402523;
--color-peach-bud-950: #291412;
}SCSS
$peach-bud: #fbb5ad;
$peach-bud-rgb: 251, 181, 173;
$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);
}