Cor nomeada mais próxima · #E3C7BB
#E3C7BB
Cor nomeada mais próxima: Humble Blush
#E3C7BB (rgb(227 199 187), hsl(18 42% 81%), oklch(0.85 0.036 44.6)) é mais próxima da cor nomeada Humble Blush. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E3C7BB
oklch(0.85 0.036 44.6)
Conversões de cor
- HEX
- #e3c7bb
- RGB
- rgb(227 199 187)
- HSL
- hsl(18 42% 81%)
- HWB
- hwb(18 73% 11%)
- OKLCH
- oklch(0.85 0.036 44.6)
- OKLab
- oklab(0.85 0.026 0.025)
- CIE Lab
- lab(82.4 8.79 9.85)
- LCH
- lch(82.4 13.2 48.2)
- CMYK
- cmyk(0% 12% 18% 11%)
Tons claros · Sombras · Tons
Tons claros
- E6CDC2
- E9D2C8
- ECD8CF
- EEDDD6
- F1E3DD
- F4E8E3
- F7EEEA
- FAF4F1
- FCF9F8
Sombras
- C5ADA2
- A8938A
- 8C7A73
- 71625C
- 574C46
- 3F3632
- 27211F
- 120E0D
- 030202
Tons
- D9C0B5
- CFB8AF
- C4B1A9
- BAAAA3
- B0A39D
- A79C97
- 9D9591
- 938E8C
- 8A8786
Harmonias de cor
Complementar +180°
- E3C7BB
Humble Blush
- B6D3E0
≈ Pale Whale
Análoga -30° +30°
- E3C7BB
Humble Blush
- E4C5C6
≈ Cranapple Cream
- DCCBB5
≈ Creamy Cappuccino
Tríade +120° +240°
- E3C7BB
Humble Blush
- B9D6C8
≈ Gemini
- CBCBE5
≈ Foggy Plateau
Complementar dividida +150° +210°
- E3C7BB
Humble Blush
- B4D6D5
≈ Dante Peak
- BED0E5
≈ Misty Mountains
Tétrade +90° +180° +270°
- E3C7BB
Humble Blush
- C4D3BC
≈ Surf Crest
- B6D3E0
≈ Pale Whale
- D7C7DE
≈ Watercolour Grape
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.15:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--humble-blush: #e3c7bb;
--humble-blush-rgb: 227 199 187;
--humble-blush-oklch: oklch(0.85 0.036 44.6);
}
.element {
color: var(--humble-blush);
background-color: hsl(18 42% 81%);
border-color: oklch(0.85 0.036 44.6);
}Tailwind CSS v4
@theme {
--color-humble-blush: #e3c7bb;
--color-humble-blush-50: #fff2ed;
--color-humble-blush-100: #f3e5de;
--color-humble-blush-200: #e2d0c8;
--color-humble-blush-300: #c8b2a8;
--color-humble-blush-400: #b2988d;
--color-humble-blush-500: #9b7f73;
--color-humble-blush-600: #836c61;
--color-humble-blush-700: #69564e;
--color-humble-blush-800: #4e3f39;
--color-humble-blush-900: #362b27;
--color-humble-blush-950: #211815;
}SCSS
$humble-blush: #e3c7bb;
$humble-blush-rgb: 227, 199, 187;
$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);
}