Benoemde kleur · #F0BCBE
Blush Rush
Blush Rush is #F0BCBE: rgb(240 188 190), hsl(358 63% 84%), oklch(0.842 0.06 15.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Blush Rush color name →
#F0BCBE
oklch(0.842 0.06 15.8)
Kleurconversies
- HEX
- #f0bcbe
- RGB
- rgb(240 188 190)
- HSL
- hsl(358 63% 84%)
- HWB
- hwb(358 74% 6%)
- OKLCH
- oklch(0.842 0.06 15.8)
- OKLab
- oklab(0.842 0.058 0.016)
- CIE Lab
- lab(81.05 19.49 6.55)
- LCH
- lch(81.05 20.56 18.6)
- CMYK
- cmyk(0% 22% 21% 6%)
Tinten · Schaduwen · Tonen
Tinten
- F2C3C4
- F4C9CB
- F5D0D1
- F7D7D8
- F8DDDE
- FAE4E5
- FBEBEB
- FDF2F2
- FEF8F8
Schaduwen
- D1A3A5
- B28B8C
- 957375
- 785D5E
- 5D4748
- 433233
- 2A1F1F
- 140D0D
- 030202
Tonen
- E4B6B8
- D9B0B1
- CEAAAB
- C2A4A5
- B79E9E
- AC9898
- A19292
- 968C8C
- 8B8686
Kleurharmonieën
Complementair +180°
- F0BCBE
Blush Rush
- 9DD8D8
≈ Blue Tint
Analoog -30° +30°
- F0BCBE
Blush Rush
- E9BCD4
≈ Child’s Play
- EEC0AB
≈ Soft Orange
Triadisch +120° +240°
- F0BCBE
Blush Rush
- BAD5AE
≈ Jaded Lime
- B2CEF3
≈ Alphabet Blue
Gesplitst complementair +150° +210°
- F0BCBE
Blush Rush
- A7D8C2
≈ Southern Belle
- A2D4E9
≈ Light Deluxe Days
Tetradisch +90° +180° +270°
- F0BCBE
Blush Rush
- D0CEA1
≈ Sawgrass Cottage
- 9DD8D8
≈ Blue Tint
- C7C6F2
≈ Soap
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.64:1 · APCA Lc 74
Beste tekstkleur: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--blush-rush: #f0bcbe;
--blush-rush-rgb: 240 188 190;
--blush-rush-oklch: oklch(0.842 0.06 15.8);
}
.element {
color: var(--blush-rush);
background-color: hsl(358 63% 84%);
border-color: oklch(0.842 0.06 15.8);
}Tailwind CSS v4
@theme {
--color-blush-rush: #f0bcbe;
--color-blush-rush-50: #ffefef;
--color-blush-rush-100: #fce0e0;
--color-blush-rush-200: #edcbcb;
--color-blush-rush-300: #d5acac;
--color-blush-rush-400: #bf9092;
--color-blush-rush-500: #aa7679;
--color-blush-rush-600: #906466;
--color-blush-rush-700: #735052;
--color-blush-rush-800: #553a3c;
--color-blush-rush-900: #3c2829;
--color-blush-rush-950: #251617;
}SCSS
$blush-rush: #f0bcbe;
$blush-rush-rgb: 240, 188, 190;
$blush-rush-light: mix(#fff, $blush-rush, 20%);
$blush-rush-dark: mix(#000, $blush-rush, 20%);
.element {
color: $blush-rush;
box-shadow: 0 0 0 2px rgba($blush-rush, 0.35);
}