Benannte Farbe · #E3BCBC
Soft Blush
Soft Blush ist #E3BCBC: rgb(227 188 188), hsl(0 41% 81%), oklch(0.829 0.045 18.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Soft Blush color name →
#E3BCBC
oklch(0.829 0.045 18.1)
Farbumrechnungen
- HEX
- #e3bcbc
- RGB
- rgb(227 188 188)
- HSL
- hsl(0 41% 81%)
- HWB
- hwb(0 74% 11%)
- OKLCH
- oklch(0.829 0.045 18.1)
- OKLab
- oklab(0.829 0.043 0.014)
- CIE Lab
- lab(79.72 14.41 5.52)
- LCH
- lch(79.72 15.43 21)
- CMYK
- cmyk(0% 17% 17% 11%)
Tints · Shades · Tones
Tints
- E6C3C3
- E9C9C9
- ECD0D0
- EFD7D6
- F2DDDD
- F4E4E4
- F7EBEB
- FAF1F1
- FCF8F8
Shades
- C5A3A3
- A88B8B
- 8C7373
- 715D5D
- 574747
- 3F3232
- 271F1F
- 120D0D
- 030202
Tones
- D9B6B6
- CFB0B0
- C5AAAA
- BBA4A4
- B19E9E
- A79898
- 9D9292
- 938C8C
- 8A8686
Farbharmonien
Komplementär +180°
- E3BCBC
Soft Blush
- A6D1D2
≈ Cay
Analog -30° +30°
- E3BCBC
Soft Blush
- DEBCCC
≈ Creamy Berry
- E1BFAE
≈ Fresh-Baked
Triadisch +120° +240°
- E3BCBC
Soft Blush
- B9CEB2
≈ Kiss of Mint
- B5C9E5
≈ Radar
Geteilt komplementär +150° +210°
- E3BCBC
Soft Blush
- ACD1C2
≈ Lester
- AACDDE
≈ Early September
Tetradisch +90° +180° +270°
- E3BCBC
Soft Blush
- C9CAA9
≈ Thistle Green
- A6D1D2
≈ Cay
- C5C3E3
≈ Party Hat
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.72:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.18:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--soft-blush: #e3bcbc;
--soft-blush-rgb: 227 188 188;
--soft-blush-oklch: oklch(0.829 0.045 18.1);
}
.element {
color: var(--soft-blush);
background-color: hsl(0 41% 81%);
border-color: oklch(0.829 0.045 18.1);
}Tailwind CSS v4
@theme {
--color-soft-blush: #e3bcbc;
--color-soft-blush-50: #fff0f0;
--color-soft-blush-100: #f7e2e2;
--color-soft-blush-200: #e7cdcc;
--color-soft-blush-300: #ceafae;
--color-soft-blush-400: #b89494;
--color-soft-blush-500: #a27b7b;
--color-soft-blush-600: #896868;
--color-soft-blush-700: #6e5353;
--color-soft-blush-800: #513c3d;
--color-soft-blush-900: #38292a;
--color-soft-blush-950: #231718;
}SCSS
$soft-blush: #e3bcbc;
$soft-blush-rgb: 227, 188, 188;
$soft-blush-light: mix(#fff, $soft-blush, 20%);
$soft-blush-dark: mix(#000, $soft-blush, 20%);
.element {
color: $soft-blush;
box-shadow: 0 0 0 2px rgba($soft-blush, 0.35);
}