Named color · #0BF77D
Minty Green
Minty Green is #0BF77D: rgb(11 247 125), hsl(149 94% 51%), oklch(0.855 0.227 151.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Minty Green color name →
#0BF77D
oklch(0.855 0.227 151.3)
Color conversions
- HEX
- #0bf77d
- RGB
- rgb(11 247 125)
- HSL
- hsl(149 94% 51%)
- HWB
- hwb(149 4% 3%)
- OKLCH
- oklch(0.855 0.227 151.3)
- OKLab
- oklab(0.855 -0.199 0.109)
- CIE Lab
- lab(86 -70.22 43.95)
- LCH
- lch(86 82.84 148)
- CMYK
- cmyk(96% 0% 49% 3%)
Tints · Shades · Tones
Tints
- 4DF98B
- 6DFA99
- 85FBA7
- 9AFCB4
- ADFDC1
- BFFECD
- D0FEDA
- E0FFE6
- F0FFF3
Shades
- 08D76C
- 06B75B
- 04994B
- 027C3B
- 01602C
- 01451E
- 002C11
- 001505
- 000301
Tones
- 3AEB7F
- 4EDF80
- 5CD381
- 66C782
- 6DBB82
- 73AF82
- 78A482
- 7C9882
- 7E8C81
Color harmonies
Complementary +180°
- 0BF77D
Minty Green
- FFB1F5
≈ Pink Apotheosis
Analogous -30° +30°
- 0BF77D
Minty Green
- BCE200
≈ Livid Lime
- 00EFD5
≈ Frozen Boubble
Triadic +120° +240°
- 0BF77D
Minty Green
- BECDFF
≈ Light Periwinkle
- FFBDB0
≈ Egyptian Javelin
Split-complementary +150° +210°
- 0BF77D
Minty Green
- D9C3FF
≈ Neon Boneyard
- FFB9CC
≈ Tentacle Pink
Tetradic +90° +180° +270°
- 0BF77D
Minty Green
- A1D7FF
≈ Malmö FF
- FFB1F5
≈ Pink Apotheosis
- FFC18C
≈ Tuscan Wall
Contrast & accessibility
Ag
FailOn white
WCAG 1.43:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.61:1 · APCA Lc 83
Best text color: #000000
WCAG 14.61:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--minty-green: #0bf77d;
--minty-green-rgb: 11 247 125;
--minty-green-oklch: oklch(0.855 0.227 151.3);
}
.element {
color: var(--minty-green);
background-color: hsl(149 94% 51%);
border-color: oklch(0.855 0.227 151.3);
}Tailwind CSS v4
@theme {
--color-minty-green: #0bf77d;
--color-minty-green-50: #c3ffd7;
--color-minty-green-100: #abffc4;
--color-minty-green-200: #7ff0a6;
--color-minty-green-300: #39d87e;
--color-minty-green-400: #00c151;
--color-minty-green-500: #00ab1e;
--color-minty-green-600: #00911d;
--color-minty-green-700: #007417;
--color-minty-green-800: #005506;
--color-minty-green-900: #003c05;
--color-minty-green-950: #002500;
}SCSS
$minty-green: #0bf77d;
$minty-green-rgb: 11, 247, 125;
$minty-green-light: mix(#fff, $minty-green, 20%);
$minty-green-dark: mix(#000, $minty-green, 20%);
.element {
color: $minty-green;
box-shadow: 0 0 0 2px rgba($minty-green, 0.35);
}