Cor nomeada mais próxima · #E0F0DC
#E0F0DC
Cor nomeada mais próxima: Mojito
#E0F0DC (rgb(224 240 220), hsl(108 40% 90%), oklch(0.938 0.032 139.4)) é mais próxima da cor nomeada Mojito. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E0F0DC
oklch(0.938 0.032 139.4)
Conversões de cor
- HEX
- #e0f0dc
- RGB
- rgb(224 240 220)
- HSL
- hsl(108 40% 90%)
- HWB
- hwb(108 86% 6%)
- OKLCH
- oklch(0.938 0.032 139.4)
- OKLab
- oklab(0.938 -0.024 0.021)
- CIE Lab
- lab(93.19 -8.15 7.8)
- LCH
- lch(93.19 11.28 136.3)
- CMYK
- cmyk(7% 0% 8% 6%)
Tons claros · Sombras · Tons
Tons claros
- E3F2DF
- E6F3E3
- E9F5E6
- ECF6EA
- EFF8ED
- F3F9F1
- F6FBF4
- F9FCF8
- FCFEFB
Sombras
- C3D1BF
- A6B2A3
- 8A9588
- 70786E
- 565D54
- 3E433C
- 272A26
- 121411
- 020302
Tons
- D6E4D2
- CCD9C9
- C2CDC0
- B8C2B6
- AFB6AD
- A5ABA4
- 9CA09B
- 929592
- 898B89
Harmonias de cor
Complementar +180°
- E0F0DC
Mojito
- F4E4F8
≈ Soft Lavender
Análoga -30° +30°
- E0F0DC
Mojito
- EBEDD5
≈ Alligator Egg
- D7F2E7
≈ Minted Ice
Tríade +120° +240°
- E0F0DC
Mojito
- DFEBFF
≈ Husky
- FFE3E2
≈ Misty Rose
Complementar dividida +150° +210°
- E0F0DC
Mojito
- E9E7FF
≈ Cyber Lavender
- FCE2EE
≈ Spun Sugar
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre preto
WCAG 17.66:1 · APCA Lc 95
Melhor cor de texto: #000000
WCAG 17.66:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--mojito: #e0f0dc;
--mojito-rgb: 224 240 220;
--mojito-oklch: oklch(0.938 0.032 139.4);
}
.element {
color: var(--mojito);
background-color: hsl(108 40% 90%);
border-color: oklch(0.938 0.032 139.4);
}Tailwind CSS v4
@theme {
--color-mojito: #e0f0dc;
--color-mojito-50: #f0f8ef;
--color-mojito-100: #e2ebe1;
--color-mojito-200: #cdd8cb;
--color-mojito-300: #afbcad;
--color-mojito-400: #95a392;
--color-mojito-500: #7c8c78;
--color-mojito-600: #697665;
--color-mojito-700: #545e51;
--color-mojito-800: #3d453a;
--color-mojito-900: #2a3028;
--color-mojito-950: #181c16;
}SCSS
$mojito: #e0f0dc;
$mojito-rgb: 224, 240, 220;
$mojito-light: mix(#fff, $mojito, 20%);
$mojito-dark: mix(#000, $mojito, 20%);
.element {
color: $mojito;
box-shadow: 0 0 0 2px rgba($mojito, 0.35);
}