Colore con nome più vicino · #E1F0DC
#E1F0DC
Colore con nome più vicino: Mojito
#E1F0DC (rgb(225 240 220), hsl(105 40% 90%), oklch(0.939 0.031 137.8)) è più vicino al colore con nome Mojito. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E1F0DC
oklch(0.939 0.031 137.8)
Conversioni di colore
- HEX
- #e1f0dc
- RGB
- rgb(225 240 220)
- HSL
- hsl(105 40% 90%)
- HWB
- hwb(105 86% 6%)
- OKLCH
- oklch(0.939 0.031 137.8)
- OKLab
- oklab(0.939 -0.023 0.021)
- CIE Lab
- lab(93.26 -7.81 7.91)
- LCH
- lch(93.26 11.12 134.6)
- CMYK
- cmyk(6% 0% 8% 6%)
Tinte · Ombre · Toni
Tinte
- E4F2DF
- E7F3E3
- EAF5E6
- EDF6EA
- F0F8ED
- F3F9F1
- F6FBF4
- F9FCF8
- FCFEFB
Ombre
- C4D1BF
- A7B2A3
- 8B9588
- 70786E
- 565D54
- 3E433C
- 272A26
- 121411
- 020302
Toni
- D7E4D2
- CDD9C9
- C3CDC0
- B9C2B6
- AFB6AD
- A6ABA4
- 9CA09B
- 939592
- 898B89
Armonie di colore
Complementare +180°
- E1F0DC
Mojito
- F4E5F9
≈ Soft Lavender
Analogo -30° +30°
- E1F0DC
Mojito
- ECEDD5
≈ Budding Fern
- D8F2E7
≈ Minted Ice
Triadico +120° +240°
- E1F0DC
Mojito
- DFECFF
≈ Calcareous Sinter
- FFE3E3
≈ Misty Rose
Complementare divisa +150° +210°
- E1F0DC
Mojito
- E9E8FF
≈ Glitter
- FCE3EE
≈ Spun Sugar
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.69:1 · APCA Lc 95
Miglior colore del testo: #000000
WCAG 17.69:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--mojito: #e1f0dc;
--mojito-rgb: 225 240 220;
--mojito-oklch: oklch(0.939 0.031 137.8);
}
.element {
color: var(--mojito);
background-color: hsl(105 40% 90%);
border-color: oklch(0.939 0.031 137.8);
}Tailwind CSS v4
@theme {
--color-mojito: #e1f0dc;
--color-mojito-50: #f1f7ef;
--color-mojito-100: #e3ebe1;
--color-mojito-200: #ced8cb;
--color-mojito-300: #afbcad;
--color-mojito-400: #96a391;
--color-mojito-500: #7c8b77;
--color-mojito-600: #697665;
--color-mojito-700: #545e51;
--color-mojito-800: #3e453a;
--color-mojito-900: #2a3028;
--color-mojito-950: #181c16;
}SCSS
$mojito: #e1f0dc;
$mojito-rgb: 225, 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);
}