Cor nomeada · #D0EBC8
Mint Frappé
Mint Frappé é #D0EBC8: rgb(208 235 200), hsl(106 47% 85%), oklch(0.911 0.055 138.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Mint Frappé color name →
#D0EBC8
oklch(0.911 0.055 138.5)
Conversões de cor
- HEX
- #d0ebc8
- RGB
- rgb(208 235 200)
- HSL
- hsl(106 47% 85%)
- HWB
- hwb(106 78% 8%)
- OKLCH
- oklch(0.911 0.055 138.5)
- OKLab
- oklab(0.911 -0.041 0.036)
- CIE Lab
- lab(90.36 -13.93 13.93)
- LCH
- lch(90.36 19.7 135)
- CMYK
- cmyk(11% 0% 15% 8%)
Tons claros · Sombras · Tons
Tons claros
- D5EDCD
- D9EFD3
- DEF1D8
- E3F3DE
- E7F5E3
- ECF7E9
- F1F9EE
- F6FBF4
- FAFDF9
Sombras
- B5CCAE
- 9AAE94
- 80917B
- 677563
- 4F5B4C
- 394136
- 232921
- 10130F
- 020302
Tons
- C8E0C1
- C0D5B9
- B7CAB2
- AFBFAB
- A7B4A3
- 9FA99C
- 979F95
- 90948E
- 888A87
Harmonias de cor
Complementar +180°
- D0EBC8
Mint Frappé
- F2D7FA
≈ Lavender Savour
Análoga -30° +30°
- D0EBC8
Mint Frappé
- E4E5BB
≈ Lily Scent Green
- BFEEDB
≈ Fresh Breeze
Tríade +120° +240°
- D0EBC8
Mint Frappé
- D1E3FF
≈ Weathered Blue
- FFD6D6
≈ We Peep
Complementar dividida +150° +210°
- D0EBC8
Mint Frappé
- E0DDFF
≈ Contrail
- FFD4E8
≈ Pink Currant
Tétrade +90° +180° +270°
- D0EBC8
Mint Frappé
- BDEAFF
≈ Blue Java Banana
- F2D7FA
≈ Lavender Savour
- FFD8C5
≈ Friendship
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.39:1 · APCA Lc 90
Melhor cor de texto: #000000
WCAG 16.39:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--mint-frappe: #d0ebc8;
--mint-frappe-rgb: 208 235 200;
--mint-frappe-oklch: oklch(0.911 0.055 138.5);
}
.element {
color: var(--mint-frappe);
background-color: hsl(106 47% 85%);
border-color: oklch(0.911 0.055 138.5);
}Tailwind CSS v4
@theme {
--color-mint-frappe: #d0ebc8;
--color-mint-frappe-50: #edf9eb;
--color-mint-frappe-100: #deeddc;
--color-mint-frappe-200: #c8dac5;
--color-mint-frappe-300: #a9bfa5;
--color-mint-frappe-400: #8fa787;
--color-mint-frappe-500: #748f6c;
--color-mint-frappe-600: #62795c;
--color-mint-frappe-700: #4f6149;
--color-mint-frappe-800: #3a4734;
--color-mint-frappe-900: #273123;
--color-mint-frappe-950: #161d12;
}SCSS
$mint-frappe: #d0ebc8;
$mint-frappe-rgb: 208, 235, 200;
$mint-frappe-light: mix(#fff, $mint-frappe, 20%);
$mint-frappe-dark: mix(#000, $mint-frappe, 20%);
.element {
color: $mint-frappe;
box-shadow: 0 0 0 2px rgba($mint-frappe, 0.35);
}