Dichtstbijzijnde benoemde kleur · #E3BBB7
#E3BBB7
Dichtstbijzijnde benoemde kleur: Soft Blush
#E3BBB7 (rgb(227 187 183), hsl(5 44% 80%), oklch(0.826 0.047 24.8)) komt het dichtst bij de benoemde kleur Soft Blush. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E3BBB7
oklch(0.826 0.047 24.8)
Kleurconversies
- HEX
- #e3bbb7
- RGB
- rgb(227 187 183)
- HSL
- hsl(5 44% 80%)
- HWB
- hwb(5 72% 11%)
- OKLCH
- oklch(0.826 0.047 24.8)
- OKLab
- oklab(0.826 0.042 0.02)
- CIE Lab
- lab(79.38 14.35 7.71)
- LCH
- lch(79.38 16.29 28.3)
- CMYK
- cmyk(0% 18% 19% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E6C2BE
- E9C8C5
- ECCFCC
- EFD6D3
- F2DDDB
- F4E4E2
- F7EAE9
- FAF1F0
- FCF8F8
Schaduwen
- C5A29F
- A88A87
- 8C7370
- 715C5A
- 574645
- 3F3231
- 271F1E
- 120D0C
- 030202
Tonen
- D9B5B1
- CFAFAC
- C5A9A6
- BBA3A1
- B19D9B
- A79796
- 9D9190
- 938C8B
- 8A8685
Kleurharmonieën
Complementair +180°
- E3BBB7
Soft Blush
- A3CFD4
≈ Plume
Analoog -30° +30°
- E3BBB7
Soft Blush
- E0BAC8
≈ Spring Pink
- DFBFAA
≈ Cinnamon Tea
Triadisch +120° +240°
- E3BBB7
Soft Blush
- B4CFB4
≈ Pastel Mint Green
- B7C6E5
≈ Beautiful Dream
Gesplitst complementair +150° +210°
- E3BBB7
Soft Blush
- A7D0C4
≈ Whirlpool Green
- AACCE0
≈ Polar Seas
Tetradisch +90° +180° +270°
- E3BBB7
Soft Blush
- C5CAA8
≈ Jardin de Hierbas
- A3CFD4
≈ Plume
- C8C1E2
≈ Party Hat
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.74:1 · APCA Lc 32
Ag
AAAOp zwart
WCAG 12.05:1 · APCA Lc 71
Beste tekstkleur: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--soft-blush: #e3bbb7;
--soft-blush-rgb: 227 187 183;
--soft-blush-oklch: oklch(0.826 0.047 24.8);
}
.element {
color: var(--soft-blush);
background-color: hsl(5 44% 80%);
border-color: oklch(0.826 0.047 24.8);
}Tailwind CSS v4
@theme {
--color-soft-blush: #e3bbb7;
--color-soft-blush-50: #fff0ee;
--color-soft-blush-100: #f7e2e0;
--color-soft-blush-200: #e8cdca;
--color-soft-blush-300: #ceafab;
--color-soft-blush-400: #b99491;
--color-soft-blush-500: #a37b77;
--color-soft-blush-600: #8a6865;
--color-soft-blush-700: #6e5350;
--color-soft-blush-800: #513c3b;
--color-soft-blush-900: #392928;
--color-soft-blush-950: #231716;
}SCSS
$soft-blush: #e3bbb7;
$soft-blush-rgb: 227, 187, 183;
$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);
}