Named color · #F4A28C
Peach Mimosa
Peach Mimosa is #F4A28C: rgb(244 162 140), hsl(13 83% 75%), oklch(0.788 0.103 35.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Peach Mimosa color name →
#F4A28C
oklch(0.788 0.103 35.7)
Color conversions
- HEX
- #f4a28c
- RGB
- rgb(244 162 140)
- HSL
- hsl(13 83% 75%)
- HWB
- hwb(13 55% 4%)
- OKLCH
- oklch(0.788 0.103 35.7)
- OKLab
- oklab(0.788 0.084 0.06)
- CIE Lab
- lab(74.58 29.46 24.6)
- LCH
- lch(74.58 38.38 39.9)
- CMYK
- cmyk(0% 34% 43% 4%)
Tints · Shades · Tones
Tints
- F6AB97
- F8B5A3
- F9BEAE
- FBC8BA
- FCD1C5
- FDDAD1
- FEE3DC
- FEEDE8
- FFF6F3
Shades
- D48C79
- B57767
- 976355
- 7A4F43
- 5E3C33
- 442A23
- 2B1914
- 140A07
- 030101
Tones
- E89F8B
- DD9C8A
- D19889
- C69588
- BA9287
- AF8E86
- A38B84
- 978783
- 8C8481
Color harmonies
Complementary +180°
- F4A28C
Peach Mimosa
- 61CBE4
≈ Hawaiian Breeze
Analogous -30° +30°
- F4A28C
Peach Mimosa
- F39EB0
≈ Sweet 60
- E7AC71
≈ Dune King
Triadic +120° +240°
- F4A28C
Peach Mimosa
- 81CE9E
≈ Garden Glow
- A7B4FC
≈ Wondrous Wisteria
Split-complementary +150° +210°
- F4A28C
Peach Mimosa
- 61CFC3
≈ Dip in the Pool
- 81C1F8
≈ Maya Blue
Tetradic +90° +180° +270°
- F4A28C
Peach Mimosa
- AAC67C
≈ Opaline Green
- 61CBE4
≈ Hawaiian Breeze
- CAA9EF
≈ Teasel Dipsacus
Contrast & accessibility
Ag
FailOn white
WCAG 2.02:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.39:1 · APCA Lc 63
Best text color: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--peach-mimosa: #f4a28c;
--peach-mimosa-rgb: 244 162 140;
--peach-mimosa-oklch: oklch(0.788 0.103 35.7);
}
.element {
color: var(--peach-mimosa);
background-color: hsl(13 83% 75%);
border-color: oklch(0.788 0.103 35.7);
}Tailwind CSS v4
@theme {
--color-peach-mimosa: #f4a28c;
--color-peach-mimosa-50: #ffece0;
--color-peach-mimosa-100: #ffddd0;
--color-peach-mimosa-200: #fcc6b5;
--color-peach-mimosa-300: #e6a591;
--color-peach-mimosa-400: #d48874;
--color-peach-mimosa-500: #c06b55;
--color-peach-mimosa-600: #a25b49;
--color-peach-mimosa-700: #82493a;
--color-peach-mimosa-800: #61342a;
--color-peach-mimosa-900: #44241c;
--color-peach-mimosa-950: #2c120d;
}SCSS
$peach-mimosa: #f4a28c;
$peach-mimosa-rgb: 244, 162, 140;
$peach-mimosa-light: mix(#fff, $peach-mimosa, 20%);
$peach-mimosa-dark: mix(#000, $peach-mimosa, 20%);
.element {
color: $peach-mimosa;
box-shadow: 0 0 0 2px rgba($peach-mimosa, 0.35);
}