Benoemde kleur · #E3CDC2
Humble Blush
Humble Blush is #E3CDC2: rgb(227 205 194), hsl(20 37% 83%), oklch(0.864 0.029 48.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Humble Blush color name →
#E3CDC2
oklch(0.864 0.029 48.4)
Kleurconversies
- HEX
- #e3cdc2
- RGB
- rgb(227 205 194)
- HSL
- hsl(20 37% 83%)
- HWB
- hwb(20 76% 11%)
- OKLCH
- oklch(0.864 0.029 48.4)
- OKLab
- oklab(0.864 0.019 0.022)
- CIE Lab
- lab(84.03 6.62 8.44)
- LCH
- lch(84.03 10.72 51.9)
- CMYK
- cmyk(0% 10% 15% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E6D2C8
- E9D7CE
- ECDCD4
- EEE1DA
- F1E6E0
- F4EBE6
- F7F0EC
- F9F5F3
- FCFAF9
Schaduwen
- C5B2A8
- A8988F
- 8C7E77
- 716660
- 574E49
- 3F3834
- 272320
- 120F0E
- 030202
Tonen
- D9C5BB
- CEBDB4
- C4B5AE
- BAADA7
- B0A6A0
- A69E9A
- 9D9693
- 938F8D
- 898786
Kleurharmonieën
Complementair +180°
- E3CDC2
Humble Blush
- BFD6E1
≈ Bridgewater Bay
Analoog -30° +30°
- E3CDC2
Humble Blush
- E5CBCB
≈ Mauve Morn
- DDD0BD
≈ Malt
Triadisch +120° +240°
- E3CDC2
Humble Blush
- C1D9CF
≈ Fuchsite
- D1D0E5
≈ Artistic Violet
Gesplitst complementair +150° +210°
- E3CDC2
Humble Blush
- BDD8D9
≈ Alexandrian Sky
- C7D3E6
≈ Light Penna
Tetradisch +90° +180° +270°
- E3CDC2
Humble Blush
- C9D7C5
≈ Green Lane
- BFD6E1
≈ Bridgewater Bay
- DACCDF
≈ Violet Mist
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.52:1 · APCA Lc 24
Ag
AAAOp zwart
WCAG 13.77:1 · APCA Lc 79
Beste tekstkleur: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Codefragmenten
CSS
:root {
--humble-blush: #e3cdc2;
--humble-blush-rgb: 227 205 194;
--humble-blush-oklch: oklch(0.864 0.029 48.4);
}
.element {
color: var(--humble-blush);
background-color: hsl(20 37% 83%);
border-color: oklch(0.864 0.029 48.4);
}Tailwind CSS v4
@theme {
--color-humble-blush: #e3cdc2;
--color-humble-blush-50: #fcf3ee;
--color-humble-blush-100: #f0e5df;
--color-humble-blush-200: #dfd1c9;
--color-humble-blush-300: #c4b4aa;
--color-humble-blush-400: #ae9a90;
--color-humble-blush-500: #978176;
--color-humble-blush-600: #806d64;
--color-humble-blush-700: #665750;
--color-humble-blush-800: #4b3f3a;
--color-humble-blush-900: #342c28;
--color-humble-blush-950: #201916;
}SCSS
$humble-blush: #e3cdc2;
$humble-blush-rgb: 227, 205, 194;
$humble-blush-light: mix(#fff, $humble-blush, 20%);
$humble-blush-dark: mix(#000, $humble-blush, 20%);
.element {
color: $humble-blush;
box-shadow: 0 0 0 2px rgba($humble-blush, 0.35);
}