Nearest named color · #FFC3B2
#FFC3B2
Nearest named color: Peach Fuzz
#FFC3B2 (rgb(255 195 178), hsl(13 100% 85%), oklch(0.867 0.073 36.4)) is closest to the named color Peach Fuzz. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FFC3B2
oklch(0.867 0.073 36.4)
Color conversions
- HEX
- #ffc3b2
- RGB
- rgb(255 195 178)
- HSL
- hsl(13 100% 85%)
- HWB
- hwb(13 70% 0%)
- OKLCH
- oklch(0.867 0.073 36.4)
- OKLab
- oklab(0.867 0.059 0.043)
- CIE Lab
- lab(84 20.44 17.32)
- LCH
- lch(84 26.79 40.3)
- CMYK
- cmyk(0% 24% 30% 0%)
Tints · Shades · Tones
Tints
- FFC9BA
- FFCFC1
- FFD5C9
- FFDBD1
- FFE1D8
- FFE7E0
- FFEDE8
- FFF3EF
- FFF9F7
Shades
- DEA99A
- BE9083
- 9E786D
- 806057
- 634A43
- 48342F
- 2E201D
- 160E0C
- 030201
Tones
- F2BCAD
- E5B5A8
- D8AFA3
- CBA89E
- BEA199
- B29B94
- A5948F
- 998D8A
- 8C8785
Color harmonies
Complementary +180°
- FFC3B2
Peach Fuzz
- 9BE0F2
≈ Non-Photo Blue
Analogous -30° +30°
- FFC3B2
Peach Fuzz
- FEC0CB
≈ Pink
- F5CAA0
≈ Sundown
Triadic +120° +240°
- FFC3B2
Peach Fuzz
- ACE2C0
≈ Mountain Mint
- C7D0FF
≈ Lavender Blue
Split-complementary +150° +210°
- FFC3B2
Peach Fuzz
- 9BE3DB
≈ Sharbah Fizz
- AED8FF
≈ Malmö FF
Tetradic +90° +180° +270°
- FFC3B2
Peach Fuzz
- C7DDA9
≈ Butterfly
- 9BE0F2
≈ Non-Photo Blue
- DFC7FA
≈ Neon Boneyard
Contrast & accessibility
Ag
FailOn white
WCAG 1.53:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.70:1 · APCA Lc 79
Best text color: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--peach-fuzz: #ffc3b2;
--peach-fuzz-rgb: 255 195 178;
--peach-fuzz-oklch: oklch(0.867 0.073 36.4);
}
.element {
color: var(--peach-fuzz);
background-color: hsl(13 100% 85%);
border-color: oklch(0.867 0.073 36.4);
}Tailwind CSS v4
@theme {
--color-peach-fuzz: #ffc3b2;
--color-peach-fuzz-50: #ffefe6;
--color-peach-fuzz-100: #ffe0d6;
--color-peach-fuzz-200: #f1cabe;
--color-peach-fuzz-300: #daab9c;
--color-peach-fuzz-400: #c59080;
--color-peach-fuzz-500: #b17564;
--color-peach-fuzz-600: #956355;
--color-peach-fuzz-700: #784f44;
--color-peach-fuzz-800: #593931;
--color-peach-fuzz-900: #3e2721;
--color-peach-fuzz-950: #271511;
}SCSS
$peach-fuzz: #ffc3b2;
$peach-fuzz-rgb: 255, 195, 178;
$peach-fuzz-light: mix(#fff, $peach-fuzz, 20%);
$peach-fuzz-dark: mix(#000, $peach-fuzz, 20%);
.element {
color: $peach-fuzz;
box-shadow: 0 0 0 2px rgba($peach-fuzz, 0.35);
}