Colore con nome · #0BF77D
Minty Green
Minty Green è #0BF77D: rgb(11 247 125), hsl(149 94% 51%), oklch(0.855 0.227 151.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Minty Green color name →
#0BF77D
oklch(0.855 0.227 151.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 4DF98B
- 6DFA99
- 85FBA7
- 9AFCB4
- ADFDC1
- BFFECD
- D0FEDA
- E0FFE6
- F0FFF3
Ombre
- 08D76C
- 06B75B
- 04994B
- 027C3B
- 01602C
- 01451E
- 002C11
- 001505
- 000301
Toni
- 3AEB7F
- 4EDF80
- 5CD381
- 66C782
- 6DBB82
- 73AF82
- 78A482
- 7C9882
- 7E8C81
Armonie di colore
Complementare +180°
- 0BF77D
Minty Green
- FFB1F5
≈ Pink Apotheosis
Analogo -30° +30°
- 0BF77D
Minty Green
- BCE200
≈ Livid Lime
- 00EFD5
≈ Frozen Boubble
Triadico +120° +240°
- 0BF77D
Minty Green
- BECDFF
≈ Light Periwinkle
- FFBDB0
≈ Egyptian Javelin
Complementare divisa +150° +210°
- 0BF77D
Minty Green
- D9C3FF
≈ Neon Boneyard
- FFB9CC
≈ Tentacle Pink
Tetradico +90° +180° +270°
- 0BF77D
Minty Green
- A1D7FF
≈ Malmö FF
- FFB1F5
≈ Pink Apotheosis
- FFC18C
≈ Tuscan Wall
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.61:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.61:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}