Benoemde kleur · #4EFFCD
Move Mint
Move Mint is #4EFFCD: rgb(78 255 205), hsl(163 100% 65%), oklch(0.899 0.159 169.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Move Mint color name →
#4EFFCD
oklch(0.899 0.159 169.8)
Kleurconversies
- HEX
- #4effcd
- RGB
- rgb(78 255 205)
- HSL
- hsl(163 100% 65%)
- HWB
- hwb(163 31% 0%)
- OKLCH
- oklch(0.899 0.159 169.8)
- OKLab
- oklab(0.899 -0.156 0.028)
- CIE Lab
- lab(90.36 -55.24 10.37)
- LCH
- lch(90.36 56.2 169.4)
- CMYK
- cmyk(69% 0% 20% 0%)
Tinten · Schaduwen · Tonen
Tinten
- 6CFFD2
- 83FFD7
- 97FFDC
- A8FFE1
- B9FFE6
- C8FFEB
- D7FFF0
- E5FFF5
- F2FFFA
Schaduwen
- 43DEB2
- 38BE98
- 2D9E7E
- 238066
- 19634E
- 0F4838
- 072E23
- 02160F
- 000302
Tonen
- 5CF2C5
- 67E5BD
- 6ED8B5
- 74CBAE
- 79BEA6
- 7CB29E
- 7EA597
- 80998F
- 808C87
Kleurharmonieën
Complementair +180°
- 4EFFCD
Move Mint
- FFCDE4
≈ Classic Rose
Analoog -30° +30°
- 4EFFCD
Move Mint
- A3F790
≈ Toxic Frog
- 5BF7FF
≈ Frozen Turquoise
Triadisch +120° +240°
- 4EFFCD
Move Mint
- DCD9FF
≈ Transparent Blue
- FFD3BC
≈ Mom’s Love
Gesplitst complementair +150° +210°
- 4EFFCD
Move Mint
- F5CDFF
≈ Sassy Pink
- FFD1CF
≈ Girlie
Tetradisch +90° +180° +270°
- 4EFFCD
Move Mint
- CBDFFF
≈ Arc Light
- FFCDE4
≈ Classic Rose
- FFD795
≈ Cornmeal
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.27:1 · APCA Lc 13
Ag
AAAOp zwart
WCAG 16.50:1 · APCA Lc 91
Beste tekstkleur: #000000
WCAG 16.50:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
CSS
:root {
--move-mint: #4effcd;
--move-mint-rgb: 78 255 205;
--move-mint-oklch: oklch(0.899 0.159 169.8);
}
.element {
color: var(--move-mint);
background-color: hsl(163 100% 65%);
border-color: oklch(0.899 0.159 169.8);
}Tailwind CSS v4
@theme {
--color-move-mint: #4effcd;
--color-move-mint-50: #c8fff0;
--color-move-mint-100: #b1fae2;
--color-move-mint-200: #88ebcc;
--color-move-mint-300: #4dd1ae;
--color-move-mint-400: #00bb8f;
--color-move-mint-500: #00a675;
--color-move-mint-600: #008c63;
--color-move-mint-700: #00704f;
--color-move-mint-800: #005337;
--color-move-mint-900: #003a26;
--color-move-mint-950: #002414;
}SCSS
$move-mint: #4effcd;
$move-mint-rgb: 78, 255, 205;
$move-mint-light: mix(#fff, $move-mint, 20%);
$move-mint-dark: mix(#000, $move-mint, 20%);
.element {
color: $move-mint;
box-shadow: 0 0 0 2px rgba($move-mint, 0.35);
}