Color con nombre · #E3CDC2
Humble Blush
Humble Blush es #E3CDC2: rgb(227 205 194), hsl(20 37% 83%), oklch(0.864 0.029 48.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Humble Blush color name →
#E3CDC2
oklch(0.864 0.029 48.4)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- E6D2C8
- E9D7CE
- ECDCD4
- EEE1DA
- F1E6E0
- F4EBE6
- F7F0EC
- F9F5F3
- FCFAF9
Sombras
- C5B2A8
- A8988F
- 8C7E77
- 716660
- 574E49
- 3F3834
- 272320
- 120F0E
- 030202
Tonos
- D9C5BB
- CEBDB4
- C4B5AE
- BAADA7
- B0A6A0
- A69E9A
- 9D9693
- 938F8D
- 898786
Armonías de color
Complementario +180°
- E3CDC2
Humble Blush
- BFD6E1
≈ Bridgewater Bay
Análogo -30° +30°
- E3CDC2
Humble Blush
- E5CBCB
≈ Mauve Morn
- DDD0BD
≈ Malt
Triádico +120° +240°
- E3CDC2
Humble Blush
- C1D9CF
≈ Fuchsite
- D1D0E5
≈ Artistic Violet
Complementario dividido +150° +210°
- E3CDC2
Humble Blush
- BDD8D9
≈ Alexandrian Sky
- C7D3E6
≈ Light Penna
Tetrádico +90° +180° +270°
- E3CDC2
Humble Blush
- C9D7C5
≈ Green Lane
- BFD6E1
≈ Bridgewater Bay
- DACCDF
≈ Violet Mist
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.77:1 · APCA Lc 79
Mejor color de texto: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmentos de código
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);
}