Named color · #FADFAD
Peach Yellow
Peach Yellow is #FADFAD: rgb(250 223 173), hsl(39 89% 83%), oklch(0.914 0.071 82.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Peach Yellow color name →
#FADFAD
oklch(0.914 0.071 82.7)
Color conversions
- HEX
- #fadfad
- RGB
- rgb(250 223 173)
- HSL
- hsl(39 89% 83%)
- HWB
- hwb(39 68% 2%)
- OKLCH
- oklch(0.914 0.071 82.7)
- OKLab
- oklab(0.914 0.009 0.07)
- CIE Lab
- lab(90.18 4.34 28.17)
- LCH
- lch(90.18 28.5 81.2)
- CMYK
- cmyk(0% 11% 31% 2%)
Tints · Shades · Tones
Tints
- FBE2B5
- FBE6BE
- FCE9C6
- FCECCE
- FDEFD7
- FDF2DF
- FEF6E7
- FEF9EF
- FFFCF7
Shades
- D9C296
- BAA57F
- 9B8A6A
- 7D6F55
- 615641
- 463D2D
- 2D271B
- 15120B
- 030201
Tones
- EDD5A9
- E1CBA4
- D4C2A0
- C8B89C
- BBAF97
- AFA593
- A39C8E
- 979289
- 8C8985
Color harmonies
Complementary +180°
- FADFAD
Peach Yellow
- D4E3FF
≈ Stoic White
Analogous -30° +30°
- FADFAD
Peach Yellow
- FFDAC4
≈ Sugared Peach
- E2E8B2
≈ Tusk
Triadic +120° +240°
- FADFAD
Peach Yellow
- AAF1F7
≈ Waterspout
- FAD3FF
≈ Pink Diamond
Split-complementary +150° +210°
- FADFAD
Peach Yellow
- C2E9FF
≈ Blue Java Banana
- E3DEFF
≈ Stoic White
Tetradic +90° +180° +270°
- FADFAD
Peach Yellow
- B2F3DE
≈ Mint Tea
- D4E3FF
≈ Stoic White
- FFD5E6
≈ Powder Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.29:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.22:1 · APCA Lc 89
Best text color: #000000
WCAG 16.22:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--peach-yellow: #fadfad;
--peach-yellow-rgb: 250 223 173;
--peach-yellow-oklch: oklch(0.914 0.071 82.7);
}
.element {
color: var(--peach-yellow);
background-color: hsl(39 89% 83%);
border-color: oklch(0.914 0.071 82.7);
}Tailwind CSS v4
@theme {
--color-peach-yellow: #fadfad;
--color-peach-yellow-50: #fff4df;
--color-peach-yellow-100: #f3e7ce;
--color-peach-yellow-200: #e2d2b2;
--color-peach-yellow-300: #c8b58e;
--color-peach-yellow-400: #b39b6e;
--color-peach-yellow-500: #9d824d;
--color-peach-yellow-600: #856e42;
--color-peach-yellow-700: #6b5835;
--color-peach-yellow-800: #4f4025;
--color-peach-yellow-900: #372c19;
--color-peach-yellow-950: #221909;
}SCSS
$peach-yellow: #fadfad;
$peach-yellow-rgb: 250, 223, 173;
$peach-yellow-light: mix(#fff, $peach-yellow, 20%);
$peach-yellow-dark: mix(#000, $peach-yellow, 20%);
.element {
color: $peach-yellow;
box-shadow: 0 0 0 2px rgba($peach-yellow, 0.35);
}