Nearest named color · #FBB5AD
#FBB5AD
Nearest named color: Peach Bud
#FBB5AD (rgb(251 181 173), hsl(6 91% 83%), oklch(0.836 0.083 26.3)) is closest to the named color Peach Bud. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FBB5AD
oklch(0.836 0.083 26.3)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- FCBCB5
- FDC4BD
- FECBC5
- FED3CD
- FFDAD6
- FFE2DE
- FFE9E6
- FFF0EE
- FFF8F7
Shades
- DA9D96
- BA867F
- 9C6F6A
- 7E5955
- 614441
- 46302D
- 2D1D1B
- 150C0B
- 030201
Tones
- EEB0A8
- E2AAA4
- D5A59F
- C9A09B
- BD9B96
- B19592
- A4908D
- 988B89
- 8C8584
Color harmonies
Complementary +180°
- FBB5AD
Peach Bud
- 85D9E4
≈ Fresh Blue
Analogous -30° +30°
- FBB5AD
Peach Bud
- F6B3CB
≈ Fulgrim Pink
- F4BC95
≈ Mild Orange
Triadic +120° +240°
- FBB5AD
Peach Bud
- A7D8AA
≈ Frugal
- B1C9FF
≈ Night Snow
Split-complementary +150° +210°
- FBB5AD
Peach Bud
- 8DDCC8
≈ Opulent Turquoise
- 94D2F9
≈ Long Island Sound
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.70:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.31:1 · APCA Lc 72
Best text color: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
Code snippets
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);
}