Benoemde kleur · #FFCCC8
Pretty Please
Pretty Please is #FFCCC8: rgb(255 204 200), hsl(4 100% 89%), oklch(0.889 0.058 23.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Pretty Please color name →
#FFCCC8
oklch(0.889 0.058 23.5)
Kleurconversies
- HEX
- #ffccc8
- RGB
- rgb(255 204 200)
- HSL
- hsl(4 100% 89%)
- HWB
- hwb(4 78% 0%)
- OKLCH
- oklch(0.889 0.058 23.5)
- OKLab
- oklab(0.889 0.054 0.023)
- CIE Lab
- lab(86.52 18.17 9.23)
- LCH
- lch(86.52 20.38 26.9)
- CMYK
- cmyk(0% 20% 22% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFD1CD
- FFD6D3
- FFDBD8
- FFE0DE
- FFE6E3
- FFEBE9
- FFF0EE
- FFF5F4
- FFFAF9
Schaduwen
- DEB1AE
- BE9794
- 9E7E7B
- 806563
- 634E4C
- 483736
- 2E2221
- 160F0F
- 030202
Tonen
- F2C4C1
- E5BCB9
- D8B5B2
- CBADAB
- BEA5A3
- B19E9C
- A59695
- 998F8E
- 8C8787
Kleurharmonieën
Complementair +180°
- FFCCC8
Pretty Please
- ADE6EC
≈ Uranus
Analoog -30° +30°
- FFCCC8
Pretty Please
- FBCBDD
≈ Linnet Egg Red
- FAD1B7
≈ Autumn Wind
Triadisch +120° +240°
- FFCCC8
Pretty Please
- C4E5C2
≈ Sweet Menthol
- C8DBFF
≈ Arc Light
Gesplitst complementair +150° +210°
- FFCCC8
Pretty Please
- B3E8D7
≈ Ode to Green
- B5E2FB
≈ Arctic Paradise
Tetradisch +90° +180° +270°
- FFCCC8
Pretty Please
- DADFB3
≈ Timid Absinthe
- ADE6EC
≈ Uranus
- DBD4FE
≈ Pale Lavender
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.42:1 · APCA Lc 20
Ag
AAAOp zwart
WCAG 14.72:1 · APCA Lc 83
Beste tekstkleur: #000000
WCAG 14.72:1 (AAA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--pretty-please: #ffccc8;
--pretty-please-rgb: 255 204 200;
--pretty-please-oklch: oklch(0.889 0.058 23.5);
}
.element {
color: var(--pretty-please);
background-color: hsl(4 100% 89%);
border-color: oklch(0.889 0.058 23.5);
}Tailwind CSS v4
@theme {
--color-pretty-please: #ffccc8;
--color-pretty-please-50: #ffefed;
--color-pretty-please-100: #fbe1de;
--color-pretty-please-200: #eccbc8;
--color-pretty-please-300: #d4aca8;
--color-pretty-please-400: #bf918e;
--color-pretty-please-500: #aa7774;
--color-pretty-please-600: #8f6562;
--color-pretty-please-700: #73514e;
--color-pretty-please-800: #553a39;
--color-pretty-please-900: #3b2827;
--color-pretty-please-950: #251615;
}SCSS
$pretty-please: #ffccc8;
$pretty-please-rgb: 255, 204, 200;
$pretty-please-light: mix(#fff, $pretty-please, 20%);
$pretty-please-dark: mix(#000, $pretty-please, 20%);
.element {
color: $pretty-please;
box-shadow: 0 0 0 2px rgba($pretty-please, 0.35);
}