Benoemde kleur · #FCE3CA
Playful Peach
Playful Peach is #FCE3CA: rgb(252 227 202), hsl(30 89% 89%), oklch(0.93 0.043 67.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Playful Peach color name →
#FCE3CA
oklch(0.93 0.043 67.3)
Kleurconversies
- HEX
- #fce3ca
- RGB
- rgb(252 227 202)
- HSL
- hsl(30 89% 89%)
- HWB
- hwb(30 79% 1%)
- OKLCH
- oklch(0.93 0.043 67.3)
- OKLab
- oklab(0.93 0.017 0.04)
- CIE Lab
- lab(91.82 6.01 15.55)
- LCH
- lch(91.82 16.67 68.9)
- CMYK
- cmyk(0% 10% 20% 1%)
Tinten · Schaduwen · Tonen
Tinten
- FCE6CF
- FDE9D5
- FDEBDA
- FDEEDF
- FEF1E5
- FEF4EA
- FEF7EF
- FFF9F4
- FFFCFA
Schaduwen
- DBC5AF
- BBA895
- 9C8C7C
- 7E7164
- 62574D
- 473F37
- 2D2722
- 16120F
- 030302
Tonen
- EFD9C2
- E2CEBB
- D5C4B3
- C9BAAC
- BCB0A4
- B0A69D
- A49D96
- 98938E
- 8C8987
Kleurharmonieën
Complementair +180°
- FCE3CA
Playful Peach
- D6EBFF
≈ Veiling Waterfalls
Analoog -30° +30°
- FCE3CA
Playful Peach
- FFE0D7
≈ Red Shimmer
- EFE9C8
≈ Ethereal Green
Triadisch +120° +240°
- FCE3CA
Playful Peach
- C8F2ED
≈ Angel of Death Victorious
- EFE1FF
≈ Lavender Savour
Gesplitst complementair +150° +210°
- FCE3CA
Playful Peach
- C9F0FB
≈ Heaven’s Gate
- E2E6FF
≈ Lavender Mist
Tetradisch +90° +180° +270°
- FCE3CA
Playful Peach
- D1F1DD
≈ Greenish White
- D6EBFF
≈ Veiling Waterfalls
- FCDDF2
≈ So This Is Love
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.23:1 · APCA Lc 12
Ag
AAAOp zwart
WCAG 16.97:1 · APCA Lc 92
Beste tekstkleur: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--playful-peach: #fce3ca;
--playful-peach-rgb: 252 227 202;
--playful-peach-oklch: oklch(0.93 0.043 67.3);
}
.element {
color: var(--playful-peach);
background-color: hsl(30 89% 89%);
border-color: oklch(0.93 0.043 67.3);
}Tailwind CSS v4
@theme {
--color-playful-peach: #fce3ca;
--color-playful-peach-50: #fef3e8;
--color-playful-peach-100: #f2e6d9;
--color-playful-peach-200: #e1d1c1;
--color-playful-peach-300: #c6b4a0;
--color-playful-peach-400: #b09a84;
--color-playful-peach-500: #9a8168;
--color-playful-peach-600: #826d58;
--color-playful-peach-700: #685746;
--color-playful-peach-800: #4d4033;
--color-playful-peach-900: #362c23;
--color-playful-peach-950: #211912;
}SCSS
$playful-peach: #fce3ca;
$playful-peach-rgb: 252, 227, 202;
$playful-peach-light: mix(#fff, $playful-peach, 20%);
$playful-peach-dark: mix(#000, $playful-peach, 20%);
.element {
color: $playful-peach;
box-shadow: 0 0 0 2px rgba($playful-peach, 0.35);
}