Benoemde kleur · #F4DEBF
Peach Dip
Peach Dip is #F4DEBF: rgb(244 222 191), hsl(35 71% 85%), oklch(0.911 0.048 76.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Peach Dip color name →
#F4DEBF
oklch(0.911 0.048 76.5)
Kleurconversies
- HEX
- #f4debf
- RGB
- rgb(244 222 191)
- HSL
- hsl(35 71% 85%)
- HWB
- hwb(35 75% 4%)
- OKLCH
- oklch(0.911 0.048 76.5)
- OKLab
- oklab(0.911 0.011 0.046)
- CIE Lab
- lab(89.7 4.3 18.16)
- LCH
- lch(89.7 18.67 76.7)
- CMYK
- cmyk(0% 9% 22% 4%)
Tinten · Schaduwen · Tonen
Tinten
- F5E1C5
- F6E5CC
- F7E8D2
- F9EBD9
- FAEFDF
- FBF2E5
- FCF5EC
- FDF8F2
- FEFCF9
Schaduwen
- D4C1A6
- B5A58D
- 978975
- 7A6F5E
- 5E5548
- 443D33
- 2B261F
- 14120D
- 030202
Tonen
- E8D4B9
- DCCBB2
- D0C1AC
- C4B7A6
- B8AE9F
- ADA599
- A19B93
- 96928C
- 8B8986
Kleurharmonieën
Complementair +180°
- F4DEBF
Peach Dip
- CFE3FF
≈ Arc Light
Analoog -30° +30°
- F4DEBF
Peach Dip
- FED9C7
≈ Camisole
- E5E4C0
≈ Spring Fever
Triadisch +120° +240°
- F4DEBF
Peach Dip
- BEECEC
≈ Cold Blooded
- EED8F7
≈ Scented Spring
Gesplitst complementair +150° +210°
- F4DEBF
Peach Dip
- C1E9FA
≈ Blue Java Banana
- DEDEFF
≈ Contrail
Tetradisch +90° +180° +270°
- F4DEBF
Peach Dip
- C5ECDB
≈ Seafoam Pearl
- CFE3FF
≈ Arc Light
- FAD5E8
≈ Sunset Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.30:1 · APCA Lc 15
Ag
AAAOp zwart
WCAG 16.04:1 · APCA Lc 88
Beste tekstkleur: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
CSS
:root {
--peach-dip: #f4debf;
--peach-dip-rgb: 244 222 191;
--peach-dip-oklch: oklch(0.911 0.048 76.5);
}
.element {
color: var(--peach-dip);
background-color: hsl(35 71% 85%);
border-color: oklch(0.911 0.048 76.5);
}Tailwind CSS v4
@theme {
--color-peach-dip: #f4debf;
--color-peach-dip-50: #fdf4e6;
--color-peach-dip-100: #f1e6d7;
--color-peach-dip-200: #e0d2be;
--color-peach-dip-300: #c5b59d;
--color-peach-dip-400: #af9b7f;
--color-peach-dip-500: #988263;
--color-peach-dip-600: #816e54;
--color-peach-dip-700: #675843;
--color-peach-dip-800: #4c4030;
--color-peach-dip-900: #352c21;
--color-peach-dip-950: #201910;
}SCSS
$peach-dip: #f4debf;
$peach-dip-rgb: 244, 222, 191;
$peach-dip-light: mix(#fff, $peach-dip, 20%);
$peach-dip-dark: mix(#000, $peach-dip, 20%);
.element {
color: $peach-dip;
box-shadow: 0 0 0 2px rgba($peach-dip, 0.35);
}