Cor nomeada mais próxima · #EAA79F
#EAA79F
Cor nomeada mais próxima: Calabrese
#EAA79F (rgb(234 167 159), hsl(6 64% 77%), oklch(0.79 0.081 26.7)) é mais próxima da cor nomeada Calabrese. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EAA79F
oklch(0.79 0.081 26.7)
Conversões de cor
- HEX
- #eaa79f
- RGB
- rgb(234 167 159)
- HSL
- hsl(6 64% 77%)
- HWB
- hwb(6 62% 8%)
- OKLCH
- oklch(0.79 0.081 26.7)
- OKLab
- oklab(0.79 0.072 0.036)
- CIE Lab
- lab(74.89 24.68 14.52)
- LCH
- lch(74.89 28.63 30.5)
- CMYK
- cmyk(0% 29% 32% 8%)
Tons claros · Sombras · Tons
Tons claros
- EDB0A8
- EFB9B2
- F2C1BB
- F4CAC5
- F6D3CE
- F8DCD8
- FAE4E2
- FCEDEB
- FEF6F5
Sombras
- CB918A
- AE7B75
- 916661
- 75524D
- 5A3E3B
- 412C29
- 291A18
- 130A09
- 030101
Tons
- DFA39C
- D59F99
- CA9C96
- BF9893
- B59490
- AA908C
- A08C89
- 958886
- 8B8483
Harmonias de cor
Complementar +180°
- EAA79F
Calabrese
- 79CAD4
≈ Valonia
Análoga -30° +30°
- EAA79F
Calabrese
- E6A5BB
≈ Fussy Pink
- E3AE88
≈ Ancient Inca
Tríade +120° +240°
- EAA79F
Calabrese
- 99C99C
≈ Kettle Drum
- A3BAEF
≈ Perano
Complementar dividida +150° +210°
- EAA79F
Calabrese
- 80CCB9
≈ Bevelled Glass
- 88C3E8
≈ Wasurenagusa Blue
Tétrade +90° +180° +270°
- EAA79F
Calabrese
- B7C286
≈ Everglade Glen
- 79CAD4
≈ Valonia
- BFB0E9
≈ Purple Sand
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.52:1 · APCA Lc 64
Melhor cor de texto: #000000
WCAG 10.52:1 (AAA) · APCA Lc 64
Contrast pairs
Trechos de código
CSS
:root {
--calabrese: #eaa79f;
--calabrese-rgb: 234 167 159;
--calabrese-oklch: oklch(0.79 0.081 26.7);
}
.element {
color: var(--calabrese);
background-color: hsl(6 64% 77%);
border-color: oklch(0.79 0.081 26.7);
}Tailwind CSS v4
@theme {
--color-calabrese: #eaa79f;
--color-calabrese-50: #ffede8;
--color-calabrese-100: #ffded9;
--color-calabrese-200: #f5c8c1;
--color-calabrese-300: #dea8a0;
--color-calabrese-400: #ca8c85;
--color-calabrese-500: #b67169;
--color-calabrese-600: #996059;
--color-calabrese-700: #7b4c47;
--color-calabrese-800: #5b3734;
--color-calabrese-900: #402624;
--color-calabrese-950: #291413;
}SCSS
$calabrese: #eaa79f;
$calabrese-rgb: 234, 167, 159;
$calabrese-light: mix(#fff, $calabrese, 20%);
$calabrese-dark: mix(#000, $calabrese, 20%);
.element {
color: $calabrese;
box-shadow: 0 0 0 2px rgba($calabrese, 0.35);
}