Cor nomeada · #11DDAA
Malted Mint Madness
Malted Mint Madness é #11DDAA: rgb(17 221 170), hsl(165 86% 47%), oklch(0.798 0.159 168.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Malted Mint Madness color name →
#11DDAA
oklch(0.798 0.159 168.3)
Conversões de cor
- HEX
- #11ddaa
- RGB
- rgb(17 221 170)
- HSL
- hsl(165 86% 47%)
- HWB
- hwb(165 7% 13%)
- OKLCH
- oklch(0.798 0.159 168.3)
- OKLab
- oklab(0.798 -0.156 0.032)
- CIE Lab
- lab(78.69 -55.46 11.95)
- LCH
- lch(78.69 56.74 167.8)
- CMYK
- cmyk(92% 0% 23% 13%)
Tons claros · Sombras · Tons
Tons claros
- 4AE1B2
- 69E5BB
- 81E8C3
- 96ECCC
- A9EFD4
- BCF3DD
- CDF6E5
- DEF9EE
- EFFCF6
Sombras
- 0DC093
- 09A47D
- 068868
- 046E53
- 02553F
- 013D2D
- 00261B
- 00110B
- 000201
Tons
- 38D4A6
- 4BCAA2
- 58C19D
- 62B899
- 6AAE95
- 70A591
- 769C8D
- 7A9388
- 7D8984
Harmonias de cor
Complementar +180°
- 11DDAA
Malted Mint Madness
- FF96CD
≈ Himalayan Balsam
Análoga -30° +30°
- 11DDAA
Malted Mint Madness
- 87D56C
≈ Green Lacewing
- 00D7DD
≈ Aztec Turquoise
Tríade +120° +240°
- 11DDAA
Malted Mint Madness
- BAB2FF
≈ Winterspring Lilac
- FFA373
≈ Day at the Zoo
Complementar dividida +150° +210°
- 11DDAA
Malted Mint Madness
- E89AFF
≈ Party Pig
- FF9EA0
≈ Rubber Radish
Tétrade +90° +180° +270°
- 11DDAA
Malted Mint Madness
- 94BFFF
≈ Truesky Gloxym
- FF96CD
≈ Himalayan Balsam
- F4AE21
≈ Sultan Gold
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.75:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 11.94:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 11.94:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
CSS
:root {
--malted-mint-madness: #11ddaa;
--malted-mint-madness-rgb: 17 221 170;
--malted-mint-madness-oklch: oklch(0.798 0.159 168.3);
}
.element {
color: var(--malted-mint-madness);
background-color: hsl(165 86% 47%);
border-color: oklch(0.798 0.159 168.3);
}Tailwind CSS v4
@theme {
--color-malted-mint-madness: #11ddaa;
--color-malted-mint-madness-50: #c8ffee;
--color-malted-mint-madness-100: #b2fae0;
--color-malted-mint-madness-200: #8aebca;
--color-malted-mint-madness-300: #4fd1ab;
--color-malted-mint-madness-400: #00bb8d;
--color-malted-mint-madness-500: #00a572;
--color-malted-mint-madness-600: #008c61;
--color-malted-mint-madness-700: #00704d;
--color-malted-mint-madness-800: #005336;
--color-malted-mint-madness-900: #003a25;
--color-malted-mint-madness-950: #002413;
}SCSS
$malted-mint-madness: #11ddaa;
$malted-mint-madness-rgb: 17, 221, 170;
$malted-mint-madness-light: mix(#fff, $malted-mint-madness, 20%);
$malted-mint-madness-dark: mix(#000, $malted-mint-madness, 20%);
.element {
color: $malted-mint-madness;
box-shadow: 0 0 0 2px rgba($malted-mint-madness, 0.35);
}