Named color · #F6C4A6
Peach Damask
Peach Damask is #F6C4A6: rgb(246 196 166), hsl(23 82% 81%), oklch(0.857 0.07 52.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Peach Damask color name →
#F6C4A6
oklch(0.857 0.07 52.5)
Color conversions
- HEX
- #f6c4a6
- RGB
- rgb(246 196 166)
- HSL
- hsl(23 82% 81%)
- HWB
- hwb(23 65% 4%)
- OKLCH
- oklch(0.857 0.07 52.5)
- OKLab
- oklab(0.857 0.043 0.056)
- CIE Lab
- lab(83.12 15.4 22.25)
- LCH
- lch(83.12 27.06 55.3)
- CMYK
- cmyk(0% 20% 33% 4%)
Tints · Shades · Tones
Tints
- F7CAAF
- F8D0B8
- F9D6C1
- FADCCA
- FBE2D2
- FCE7DB
- FDEDE4
- FEF3ED
- FEF9F6
Shades
- D6AA90
- B7917A
- 987865
- 7B6151
- 5F4A3E
- 45352B
- 2C211A
- 150E0A
- 030201
Tones
- EABDA2
- DEB69F
- D2AF9B
- C6A897
- BAA293
- AE9B90
- A2948C
- 978D88
- 8B8784
Color harmonies
Complementary +180°
- F6C4A6
Peach Damask
- A2D9F7
≈ Soft Summer Rain
Analogous -30° +30°
- F6C4A6
Peach Damask
- FBBFBB
≈ Carnation Bloom
- E7CC9C
≈ Chamois
Triadic +120° +240°
- F6C4A6
Peach Damask
- A1E0CB
≈ Aqua Wish
- D1C8FB
≈ Innocent Snowdrop
Split-complementary +150° +210°
- F6C4A6
Peach Damask
- 98DEE4
≈ Paradisiacal Getaway
- B8D1FF
≈ Ice Cold Stare
Tetradic +90° +180° +270°
- F6C4A6
Peach Damask
- B6DCB2
≈ A Mann’s Mint
- A2D9F7
≈ Soft Summer Rain
- E7C1EB
≈ Prom Corsage
Contrast & accessibility
Ag
FailOn white
WCAG 1.57:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.36:1 · APCA Lc 77
Best text color: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--peach-damask: #f6c4a6;
--peach-damask-rgb: 246 196 166;
--peach-damask-oklch: oklch(0.857 0.07 52.5);
}
.element {
color: var(--peach-damask);
background-color: hsl(23 82% 81%);
border-color: oklch(0.857 0.07 52.5);
}Tailwind CSS v4
@theme {
--color-peach-damask: #f6c4a6;
--color-peach-damask-50: #fff0e3;
--color-peach-damask-100: #fbe2d2;
--color-peach-damask-200: #edcdb9;
--color-peach-damask-300: #d5ae96;
--color-peach-damask-400: #c09378;
--color-peach-damask-500: #ab795a;
--color-peach-damask-600: #91674d;
--color-peach-damask-700: #74523d;
--color-peach-damask-800: #563b2c;
--color-peach-damask-900: #3c291e;
--color-peach-damask-950: #26160e;
}SCSS
$peach-damask: #f6c4a6;
$peach-damask-rgb: 246, 196, 166;
$peach-damask-light: mix(#fff, $peach-damask, 20%);
$peach-damask-dark: mix(#000, $peach-damask, 20%);
.element {
color: $peach-damask;
box-shadow: 0 0 0 2px rgba($peach-damask, 0.35);
}