Nazwany kolor · #11DDAA
Malted Mint Madness
Malted Mint Madness to #11DDAA: rgb(17 221 170), hsl(165 86% 47%), oklch(0.798 0.159 168.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Malted Mint Madness color name →
#11DDAA
oklch(0.798 0.159 168.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4AE1B2
- 69E5BB
- 81E8C3
- 96ECCC
- A9EFD4
- BCF3DD
- CDF6E5
- DEF9EE
- EFFCF6
Odcienie ciemniejsze
- 0DC093
- 09A47D
- 068868
- 046E53
- 02553F
- 013D2D
- 00261B
- 00110B
- 000201
Tony
- 38D4A6
- 4BCAA2
- 58C19D
- 62B899
- 6AAE95
- 70A591
- 769C8D
- 7A9388
- 7D8984
Harmonie kolorów
Komplementarna +180°
- 11DDAA
Malted Mint Madness
- FF96CD
≈ Himalayan Balsam
Analogowa -30° +30°
- 11DDAA
Malted Mint Madness
- 87D56C
≈ Green Lacewing
- 00D7DD
≈ Aztec Turquoise
Triada +120° +240°
- 11DDAA
Malted Mint Madness
- BAB2FF
≈ Winterspring Lilac
- FFA373
≈ Day at the Zoo
Komplementarna rozszczepiona +150° +210°
- 11DDAA
Malted Mint Madness
- E89AFF
≈ Party Pig
- FF9EA0
≈ Rubber Radish
Tetrada +90° +180° +270°
- 11DDAA
Malted Mint Madness
- 94BFFF
≈ Truesky Gloxym
- FF96CD
≈ Himalayan Balsam
- F4AE21
≈ Sultan Gold
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 11.94:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.94:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
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);
}