Benoemde kleur · #F8DCDB
Powdered Blush
Powdered Blush is #F8DCDB: rgb(248 220 219), hsl(2 67% 92%), oklch(0.917 0.031 20.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Powdered Blush color name →
#F8DCDB
oklch(0.917 0.031 20.2)
Kleurconversies
- HEX
- #f8dcdb
- RGB
- rgb(248 220 219)
- HSL
- hsl(2 67% 92%)
- HWB
- hwb(2 86% 3%)
- OKLCH
- oklch(0.917 0.031 20.2)
- OKLab
- oklab(0.917 0.029 0.011)
- CIE Lab
- lab(90.08 9.87 4.22)
- LCH
- lch(90.08 10.73 23.2)
- CMYK
- cmyk(0% 11% 12% 3%)
Tinten · Schaduwen · Tonen
Tinten
- F9DFDF
- FAE3E2
- FAE6E6
- FBEAE9
- FCEDED
- FCF1F0
- FDF4F4
- FEF8F8
- FEFBFB
Schaduwen
- D8BFBE
- B8A3A2
- 9A8887
- 7C6E6D
- 605454
- 453C3C
- 2C2626
- 151111
- 030202
Tonen
- EBD2D2
- DFC9C8
- D3C0BF
- C6B6B6
- BAADAC
- AEA4A3
- A39B9A
- 979291
- 8B8989
Kleurharmonieën
Complementair +180°
- F8DCDB
Powdered Blush
- CDEAEC
≈ Fountain Spout
Analoog -30° +30°
- F8DCDB
Powdered Blush
- F5DCE6
≈ Ranunculus White
- F6DED2
≈ Canyonville
Triadisch +120° +240°
- F8DCDB
Powdered Blush
- D9E9D6
≈ Little Sprout
- D8E5F9
≈ Cloudless
Gesplitst complementair +150° +210°
- F8DCDB
Powdered Blush
- D0EBE0
≈ Hatching Chameleon
- D0E8F5
≈ On Thin Ice
Tetradisch +90° +180° +270°
- F8DCDB
Powdered Blush
- E4E6CF
≈ Pineapple Soda
- CDEAEC
≈ Fountain Spout
- E3E1F8
≈ Lavender Mist
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.29:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.25:1 · APCA Lc 89
Beste tekstkleur: #000000
WCAG 16.25:1 (AAA) · APCA Lc 89
Contrast pairs
Codefragmenten
CSS
:root {
--powdered-blush: #f8dcdb;
--powdered-blush-rgb: 248 220 219;
--powdered-blush-oklch: oklch(0.917 0.031 20.2);
}
.element {
color: var(--powdered-blush);
background-color: hsl(2 67% 92%);
border-color: oklch(0.917 0.031 20.2);
}Tailwind CSS v4
@theme {
--color-powdered-blush: #f8dcdb;
--color-powdered-blush-50: #fef2f1;
--color-powdered-blush-100: #f2e4e3;
--color-powdered-blush-200: #e1cfce;
--color-powdered-blush-300: #c7b2b0;
--color-powdered-blush-400: #b09897;
--color-powdered-blush-500: #9a7e7e;
--color-powdered-blush-600: #826b6a;
--color-powdered-blush-700: #685655;
--color-powdered-blush-800: #4d3e3e;
--color-powdered-blush-900: #352b2b;
--color-powdered-blush-950: #201818;
}SCSS
$powdered-blush: #f8dcdb;
$powdered-blush-rgb: 248, 220, 219;
$powdered-blush-light: mix(#fff, $powdered-blush, 20%);
$powdered-blush-dark: mix(#000, $powdered-blush, 20%);
.element {
color: $powdered-blush;
box-shadow: 0 0 0 2px rgba($powdered-blush, 0.35);
}